Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
12 changes: 6 additions & 6 deletions ej2-javascript/3D-chart/js/es5-getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,20 +35,20 @@ Refer the following steps for setup your local environment.

**Step 2:** Create **myapp/resources** folder to store local scripts and styles files.

**Step 3:** Create **myapp/index.js** and **myapp/index.html** files for initializing Essential JS 2 3D Chart control.
**Step 3:** Create **myapp/index.js** and **myapp/index.html** files for initializing Essential<sup style="font-size:70%">&reg;</sup> JS 2 3D Chart control.

## Adding Syncfusion resources
## Adding Syncfusion<sup style="font-size:70%">&reg;</sup> resources

The Essential JS 2 3D Chart control can be initialized by using either of the following ways.
The Essential<sup style="font-size:70%">&reg;</sup> JS 2 3D Chart control can be initialized by using either of the following ways.

* Using local script.
* Using CDN link for script.

### Using local script

You can get the global scripts and styles from the [Essential Studio JavaScript (Essential JS 2)](https://www.syncfusion.com/downloads/essential-js2) build installed location.
You can get the global scripts and styles from the [Essential Studio<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2)](https://www.syncfusion.com/downloads/essential-js2) build installed location.

After installing the Essential JS 2 product build, you can copy the chart and its dependencies scripts and style file into the **resources/scripts** and **resources/styles** folder.
After installing the Essential<sup style="font-size:70%">&reg;</sup> JS 2 product build, you can copy the chart and its dependencies scripts and style file into the **resources/scripts** and **resources/styles** folder.

Refer the below code to find location chart's script and style file.

Expand Down Expand Up @@ -123,7 +123,7 @@ The below html code example shows the minimal dependency of chart.

Now, you can start adding 3D Chart control in the application. For getting started, add a **div** element for 3D Chart control in **index.html**. Then refer the **index.js** file into the **index.html** file.

In this document context we are going to use **ej2.min.js** which includes all the Essential JS 2 components and its dependent scripts.
In this document context we are going to use **ej2.min.js** which includes all the Essential<sup style="font-size:70%">&reg;</sup> JS 2 components and its dependent scripts.

```html
<!DOCTYPE html>
Expand Down
10 changes: 5 additions & 5 deletions ej2-javascript/3D-chart/ts/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ domainurl: ##DomainURL##

# Getting started in ##Platform_Name## 3D Chart control

This section explains how to create a simple 3D Chart and configure its available functionalities in TypeScript using Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack) seed repository.
This section explains how to create a simple 3D Chart and configure its available functionalities in TypeScript using Essential<sup style="font-size:70%">&reg;</sup> JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack) seed repository.

> This application is integrated with the `webpack.config.js` configuration and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli/#commands). It requires node `v14.15.0` or higher. For more information about webpack and its features, refer to the [webpack documentation](https://webpack.js.org/guides/getting-started/).

Expand All @@ -31,7 +31,7 @@ Below is the list of minimum dependencies required to use the 3D Chart.

## Set up development environment

Open the command prompt from the required directory, and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack).
Open the command prompt from the required directory, and run the following command to clone the Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack).

{% tabs %}
{% highlight bash tabtitle="CMD" %}
Expand All @@ -51,9 +51,9 @@ cd ej2-quickstart
{% endhighlight %}
{% endtabs %}

## Add Syncfusion JavaScript packages
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript packages

Syncfusion JavaScript (Essential JS 2) packages are available on the [npmjs.com](https://www.npmjs.com/~syncfusionorg) public registry. You can install all Syncfusion JavaScript (Essential JS 2) controls in a single [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package or individual packages for each control.
Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2) packages are available on the [npmjs.com](https://www.npmjs.com/~syncfusionorg) public registry. You can install all Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2) controls in a single [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package or individual packages for each control.

The quickstart application is preconfigured with the dependent [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package in the `~/package.json` file. Use the following command to install the dependent npm packages from the command prompt.

Expand All @@ -67,7 +67,7 @@ npm install

## Add 3D Chart to the project

Open the application in Visual Studio Code and add the Syncfusion JavaScript UI controls.
Open the application in Visual Studio Code and add the Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript UI controls.

Add the HTML div tag with its `id` attribute as `element` in your `~/src/index.html` file to initialize the 3D Chart.

Expand Down
2 changes: 1 addition & 1 deletion ej2-javascript/accumulation-chart/accessibility.md
Original file line number Diff line number Diff line change
Expand Up @@ -77,4 +77,4 @@ The accessibility compliance of the Accumulation chart control is shown in the f

## See also

* [Accessibility in Syncfusion ##Platform_Name## controls](../common/accessibility)
* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## controls](../common/accessibility)
30 changes: 15 additions & 15 deletions ej2-javascript/accumulation-chart/ej1-api-migration.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@ domainurl: ##DomainURL##

# Ej1 api migration in ##Platform_Name## Accumulation chart control

This article describes the API migration process of Chart component from Essential JS 1 to Essential JS 2.
This article describes the API migration process of Chart component from Essential<sup style="font-size:70%">&reg;</sup> JS 1 to Essential<sup style="font-size:70%">&reg;</sup> JS 2.

## Accumulation Chart

<!-- markdownlint-disable MD033 -->
<table>
<tr>
<td><b>Behaviour</b></td>
<td><b>API in Essential JS 1</b></td>
<td><b>API in Essential JS 2</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 1</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 2</b></td>
</tr>

<tr>
Expand Down Expand Up @@ -491,8 +491,8 @@ pie.appendTo('#chart');
<table>
<tr>
<td><b>Behaviour</b></td>
<td><b>API in Essential JS 1</b></td>
<td><b>API in Essential JS 2</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 1</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 2</b></td>
</tr>

<tr>
Expand Down Expand Up @@ -762,8 +762,8 @@ chart.appendTo('#chart');
<table>
<tr>
<td><b>Behaviour</b></td>
<td><b>API in Essential JS 1</b></td>
<td><b>API in Essential JS 2</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 1</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 2</b></td>
</tr>

<tr>
Expand Down Expand Up @@ -1594,8 +1594,8 @@ chart.appendTo('#chart);
<table>
<tr>
<td><b>Behaviour</b></td>
<td><b>API in Essential JS 1</b></td>
<td><b>API in Essential JS 2</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 1</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 2</b></td>
</tr>

<tr>
Expand Down Expand Up @@ -1849,8 +1849,8 @@ chart.appendTo('#chart);
<table>
<tr>
<td><b>Behaviour</b></td>
<td><b>API in Essential JS 1</b></td>
<td><b>API in Essential JS 2</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 1</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 2</b></td>
</tr>

<tr>
Expand Down Expand Up @@ -2356,8 +2356,8 @@ Not applicable
<table>
<tr>
<td><b>Behaviour</b></td>
<td><b>API in Essential JS 1</b></td>
<td><b>API in Essential JS 2</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 1</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 2</b></td>
</tr>

<tr>
Expand Down Expand Up @@ -2509,8 +2509,8 @@ chart.removeSeries();
<table>
<tr>
<td><b>Behaviour</b></td>
<td><b>API in Essential JS 1</b></td>
<td><b>API in Essential JS 2</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 1</b></td>
<td><b>API in Essential<sup style="font-size:70%">&reg;</sup> JS 2</b></td>
</tr>

<tr>
Expand Down
4 changes: 2 additions & 2 deletions ej2-javascript/accumulation-chart/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ The list of minimum dependencies required to use an accumulation chart are follo

## Installation and Configuration

* To get started with accumulation chart component, clone the [`Essential JS 2 quickstart`](https://github.com/syncfusion/ej2-quickstart.git) project, and install necessary packages by using the following commands:
* To get started with accumulation chart component, clone the [Essential<sup style="font-size:70%">&reg;</sup> JS 2 quickstart](https://github.com/syncfusion/ej2-quickstart.git) project, and install necessary packages by using the following commands:

```
git clone https://github.com/syncfusion/ej2-quickstart.git quickstart
Expand Down Expand Up @@ -72,7 +72,7 @@ System.config({
```

> The [project](https://github.com/syncfusion/ej2-quickstart.git) is preconfigured with common settings
(`src/styles/styles.css, system.config.js`) to start with all Essential JS 2 components.
(`src/styles/styles.css, system.config.js`) to start with all Essential<sup style="font-size:70%">&reg;</sup> JS 2 components.

## Add Accumulation Chart to the Project

Expand Down
12 changes: 6 additions & 6 deletions ej2-javascript/accumulation-chart/js/es5-getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,20 +36,20 @@ Refer the following steps for setup your local environment.

**Step 2:** Create **myapp/resources** folder to store local scripts and styles files.

**Step 3:** Create **myapp/index.js** and **myapp/index.html** files for initializing Essential JS 2 Accumulation Chart control.
**Step 3:** Create **myapp/index.js** and **myapp/index.html** files for initializing Essential<sup style="font-size:70%">&reg;</sup> JS 2 Accumulation Chart control.

## Adding Syncfusion resources
## Adding Syncfusion<sup style="font-size:70%">&reg;</sup> resources

The Essential JS 2 Accumulation Chart control can be initialized by using either of the following ways.
The Essential<sup style="font-size:70%">&reg;</sup> JS 2 Accumulation Chart control can be initialized by using either of the following ways.

* Using local script.
* Using CDN link for script.

### Using local script

You can get the global scripts and styles from the [Essential Studio JavaScript (Essential JS 2)](https://www.syncfusion.com/downloads/essential-js2) build installed location.
You can get the global scripts and styles from the [Essential Studio<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2)](https://www.syncfusion.com/downloads/essential-js2) build installed location.

After installing the Essential JS 2 product build, you can copy the chart and its dependencies scripts and style file into the **resources/scripts** and **resources/styles** folder.
After installing the Essential<sup style="font-size:70%">&reg;</sup> JS 2 product build, you can copy the chart and its dependencies scripts and style file into the **resources/scripts** and **resources/styles** folder.

Refer the below code to find location accumulation chart's script and style file.

Expand Down Expand Up @@ -124,7 +124,7 @@ The below html code example shows the minimal dependency of chart.

Now, you can start adding accumulation chart control in the application. For getting started, add a **div** element for Chart control in **index.html**. Then refer the **index.js** file into the **index.html** file.

In this document context we are going to use **ej2.min.js** which includes all the Essential JS 2 components and its dependent scripts.
In this document context we are going to use **ej2.min.js** which includes all the Essential<sup style="font-size:70%">&reg;</sup> JS 2 components and its dependent scripts.

```html
<!DOCTYPE html>
Expand Down
10 changes: 5 additions & 5 deletions ej2-javascript/accumulation-chart/ts/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ domainurl: ##DomainURL##

# Getting started in ##Platform_Name## Accumulation chart control

This article provides a step-by-step guide to configuring the Syncfusion JavaScript (Essential JS 2) library and building a simple JavaScript web application using the GitHub [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-) seed repository.
This article provides a step-by-step guide to configuring the Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2) library and building a simple JavaScript web application using the GitHub [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-) seed repository.

> This application is integrated with the `webpack.config.js` configuration and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli/#commands). It requires node `v14.15.0` or higher. For more information about webpack and its features, refer to the [webpack documentation](https://webpack.js.org/guides/getting-started/).

Expand All @@ -32,7 +32,7 @@ The list of minimum dependencies required to use an accumulation chart are follo

## Set up development environment

Open the command prompt from the required directory, and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-).
Open the command prompt from the required directory, and run the following command to clone the Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-).

{% tabs %}
{% highlight bash tabtitle="CMD" %}
Expand All @@ -52,9 +52,9 @@ cd ej2-quickstart
{% endhighlight %}
{% endtabs %}

## Add Syncfusion JavaScript packages
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript packages

Syncfusion JavaScript (Essential JS 2) packages are available on the [npmjs.com](https://www.npmjs.com/~syncfusionorg) public registry. You can install all Syncfusion JavaScript (Essential JS 2) controls in a single [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package or individual packages for each control.
Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2) packages are available on the [npmjs.com](https://www.npmjs.com/~syncfusionorg) public registry. You can install all Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2) controls in a single [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package or individual packages for each control.

The quickstart application is preconfigured with the dependent [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package in the `~/package.json` file. Use the following command to install the dependent npm packages from the command prompt.

Expand All @@ -68,7 +68,7 @@ npm install

## Add Accumulation Chart to the Project

Open the application in Visual Studio Code and add the Syncfusion JavaScript UI controls.
Open the application in Visual Studio Code and add the Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript UI controls.

Add the HTML div tag with its `id` attribute as `element` in your `~/src/index.html` file to initialize the Accumulation chart.

Expand Down
2 changes: 1 addition & 1 deletion ej2-javascript/ai-assistview/accessibility.md
Original file line number Diff line number Diff line change
Expand Up @@ -74,4 +74,4 @@ The AI AssistView control's accessibility levels are ensured through an [accessi

## See also

* [Accessibility in Syncfusion controls](../common/accessibility)
* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> controls](../common/accessibility)
12 changes: 6 additions & 6 deletions ej2-javascript/ai-assistview/js/es5-getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ domainurl: ##DomainURL##

# Es5 getting started in ##Platform_Name## AI AssistView control

The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers.
The Essential<sup style="font-size:70%">&reg;</sup> JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers.

## Dependencies

Expand All @@ -35,7 +35,7 @@ The JavaScript (ES5) AI AssistView control can be initialized by using either of

**Step 1:** Create an app folder `quickstart` for getting started.

**Step 2:** You can get the global scripts and styles from the [Essential Studio JavaScript (Essential JS 2)](https://www.syncfusion.com/downloads/essential-js2) build installed location.
**Step 2:** You can get the global scripts and styles from the [Essential Studio<sup style="font-size:70%">&reg;</sup> JavaScript (Essential<sup style="font-size:70%">&reg;</sup> JS 2)](https://www.syncfusion.com/downloads/essential-js2) build installed location.

**Syntax:**
> Dependency Script: `**(installed location)**\Syncfusion\Essential Studio\JavaScript - EJ2\{RELEASE_VERSION}\Web (Essential JS 2)\JavaScript\{DEPENDENCY_PACKAGE_NAME}\dist\global\{DEPENDENCY_PACKAGE_NAME}.min.js`
Expand All @@ -56,7 +56,7 @@ The JavaScript (ES5) AI AssistView control can be initialized by using either of
>
> Control Styles: `C:\Program Files (x86)\Syncfusion\Essential Studio\JavaScript - EJ2\16.3.0.17\Web (Essential JS 2)\JavaScript\ej2-interactive-chat\styles\material.css`

The below located script and style file contains all Syncfusion JavaScript (ES5) UI control resources in a single file.
The below located script and style file contains all Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (ES5) UI control resources in a single file.

> Scripts: `**(installed location)**\Syncfusion\Essential Studio\JavaScript - EJ2\{RELEASE_VERSION}\Web (Essential JS 2)\JavaScript\ej2\dist\ej2.min.js`
>
Expand All @@ -66,7 +66,7 @@ The [`Custom Resource Generator (CRG)`](https://crg.syncfusion.com/) is an onlin

**Step 3:** Create a folder `~/quickstart/resources` and copy/paste the global scripts and styles from the above installed location to `~/quickstart/resources/package` corresponding package location.

**Step 4:** Create a HTML page (index.html) in `~/quickstart/index.html` location and add the Essentials JS 2 script and style references.
**Step 4:** Create a HTML page (index.html) in `~/quickstart/index.html` location and add the Essential<sup style="font-size:70%">&reg;</sup> JS 2 script and style references.

```html
<!DOCTYPE html>
Expand Down Expand Up @@ -149,7 +149,7 @@ The [`Custom Resource Generator (CRG)`](https://crg.syncfusion.com/) is an onlin
</html>
```

**Step 6:** Now, run the `index.html` in web browser, it will render the **Syncfusion JavaScript (ES5) AI AssistView** control.
**Step 6:** Now, run the `index.html` in web browser, it will render the **Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript (ES5) AI AssistView** control.

## Using CDN link for script and style reference

Expand Down Expand Up @@ -181,7 +181,7 @@ The [`Custom Resource Generator (CRG)`](https://crg.syncfusion.com/) is an onlin

{% previewsample "page.domainurl/code-snippet/ai-assistview/gettingstarted" %}

**Step 4:** Now, run the `index.html` in web browser, it will render the `Syncfusion JavaScript AI AssistView` control.
**Step 4:** Now, run the `index.html` in web browser, it will render the **Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript AI AssistView** control.

## Configure suggestions and responses

Expand Down
Loading