diff --git a/ej2-javascript/diagram/images/SymmetricNoneImage.png b/ej2-javascript/diagram/images/SymmetricNoneImage.png
new file mode 100644
index 000000000..853559611
Binary files /dev/null and b/ej2-javascript/diagram/images/SymmetricNoneImage.png differ
diff --git a/ej2-javascript/diagram/js/bezier-controlPoint.md b/ej2-javascript/diagram/js/bezier-controlPoint.md
index fc424f6b3..aaf414f1d 100644
--- a/ej2-javascript/diagram/js/bezier-controlPoint.md
+++ b/ej2-javascript/diagram/js/bezier-controlPoint.md
@@ -9,16 +9,18 @@ documentation: ug
domainurl: ##DomainURL##
---
-### How to interact with the bezier segments efficiently
+# Bezier Control points
+
+## How to interact with the bezier segments efficiently
While interacting with multiple bezier segments, maintain their control points at the same distance and angle by using the bezierSettings.smoothness property of the connector class.
| BezierSmoothness value | Description | Output |
|-------- | -------- | -------- |
-| SymmetricDistance| Both control points of adjacent segments will be at the same distance when any one of them is editing. |  |
-| SymmetricAngle | Both control points of adjacent segments will be at the same angle when any one of them is editing. |  |
-| Default | Both control points of adjacent segments will be at the same angle and same distance when any one of them is editing. |  |
-| None | Segment’s control points are interacted independently from each other. |  |
+| SymmetricDistance| Both control points of adjacent segments will be at the same distance when any one of them is editing. |  |
+| SymmetricAngle | Both control points of adjacent segments will be at the same angle when any one of them is editing. |  |
+| Default | Both control points of adjacent segments will be at the same angle and same distance when any one of them is editing. |  |
+| None | Segment’s control points are interacted independently from each other. |  |
{% tabs %}
{% highlight js tabtitle="index.js" %}
@@ -31,14 +33,14 @@ While interacting with multiple bezier segments, maintain their control points a
{% previewsample "page.domainurl/code-snippet/diagram/connectors-cs17" %}
-### How to show or hide the bezier segment’s control points
+## How to show or hide the bezier segment’s control points
-By using the [`controlPointsVisibility`](../api/diagram/controlPointsVisibility/) property of the Connector class, you can enable or disable the visibility of the bezier segment’s control points.
+By using the [`controlPointsVisibility`](../api/diagram/controlPointsVisibility/) property of [`bezierSettings`](../api/diagram/bezierSettingsModel/), you can enable or disable the visibility of the bezier segment’s control points.
| ControlPointsVisibility value | Description | Output |
|-------- | -------- | -------- |
-| None |It allows you to hide all control points of the bezier connector. |  |
-| Source | It allows you to show control points of the source segment and hides all other control points in a bezier connector. |  |
-| Target | It allows you to show control points of the target segment and hides all other control points in a bezier connector. |  |
-| Intermediate | It allows you to show control points of the intermediate segments and hides all other control points in a bezier connector.|  |
-| All | It allows you to show all the control points of the bezier connector, including the source, target, and intermediate segments’ control points. |  |
+| None |It allows you to hide all control points of the bezier connector. |  |
+| Source | It allows you to show control points of the source segment and hides all other control points in a bezier connector. |  |
+| Target | It allows you to show control points of the target segment and hides all other control points in a bezier connector. |  |
+| Intermediate | It allows you to show control points of the intermediate segments and hides all other control points in a bezier connector.|  |
+| All | It allows you to show all the control points of the bezier connector, including the source, target, and intermediate segments’ control points. |  |
diff --git a/ej2-javascript/diagram/js/bezier-segEditOrientation.md b/ej2-javascript/diagram/js/bezier-segEditOrientation.md
index 30fd6df51..c0f9526f1 100644
--- a/ej2-javascript/diagram/js/bezier-segEditOrientation.md
+++ b/ej2-javascript/diagram/js/bezier-segEditOrientation.md
@@ -9,16 +9,18 @@ documentation: ug
domainurl: ##DomainURL##
---
+# Bezier Connector Settings
+
## How to edit bezier segments based on bezier connector settings
-The intermediate point of two adjacent bezier segments can be edited interactively based on the [`segmentEditOrientation`](../api/diagram/bezierSegmentEditOrientation/) property of the Connector class.
+The intermediate point of two adjacent bezier segments can be edited interactively based on the [`segmentEditOrientation`](../api/diagram/bezierSegmentEditOrientation/) property of [`bezierSettings`](../api/diagram/bezierSettingsModel/).
| SegmentEditOrientation value | Description | Output |
|-------- | -------- | -------- |
-| Bidirectional |It allows the intermediate points to be dragged in either vertical or horizontal directions. |  |
-| Freeform | It allows the intermediate points to be dragged in any direction. |  |
+| Bidirectional |It allows the intermediate points to be dragged in either vertical or horizontal directions. |  |
+| Freeform | It allows the intermediate points to be dragged in any direction. |  |
-The following code illustrates how to interact with Bezier efficiently by using the [`smoothness`](../api/diagram/bezierSmoothness/) and `segmentEditOrientation` properties of the Connector class.
+The following code illustrates how to interact with Bezier efficiently by using the [`smoothness`](../api/diagram/bezierSmoothness/) and `segmentEditOrientation` properties of the `bezierSettings`.
{% tabs %}
{% highlight js tabtitle="index.js" %}
diff --git a/ej2-javascript/diagram/js/connector-customization.md b/ej2-javascript/diagram/js/connector-customization.md
index 23671dc8f..659051136 100644
--- a/ej2-javascript/diagram/js/connector-customization.md
+++ b/ej2-javascript/diagram/js/connector-customization.md
@@ -59,7 +59,7 @@ The following code example illustrates how to customize the appearance of the de
The gradient property is used to set the gradient color for the decorator. There are two types of gradient.
* Linear
- * Raial
+ * Radial
The following code example illustrates how to apply gradient for the decorator.
@@ -273,5 +273,5 @@ The following code illustrates how to split the connector and create a connectio
{% previewsample "page.domainurl/code-snippet/diagram/connectors-cs29" %}
-
+
diff --git a/ej2-javascript/diagram/js/connector-interaction.md b/ej2-javascript/diagram/js/connector-interaction.md
index 3f015aaba..af04517a9 100644
--- a/ej2-javascript/diagram/js/connector-interaction.md
+++ b/ej2-javascript/diagram/js/connector-interaction.md
@@ -17,8 +17,6 @@ Connectors can be selected, dragged, and routed over the diagram page.
A connector can be selected, simply just by clicking on it.
-
-
A connector can be selected at runtime by using the Select method and clear the selection in the diagram using the ClearSelection. The following code explains how to select and clear selection in the diagram.
{% tabs %}
@@ -36,7 +34,7 @@ A connector can be selected at runtime by using the Select method and clear the
Connector can be dragged by just clicking on the connector and dragging.
-
+
A connector can be dragged at runtime by using the Drag method. The following code explains how to drag the connector by using the drag method.
@@ -55,7 +53,7 @@ A connector can be dragged at runtime by using the Drag method. The following co
The connector can be selected by clicking it. When the connector is selected, circles will be added on the starting and ending of the connector that is represented by Thumbs. Clicking and dragging those handles helps you to adjust the source and target points.
-
+
The following code example shows how to drag connector end point at runtime.
diff --git a/ej2-javascript/diagram/js/constraints.md b/ej2-javascript/diagram/js/constraints.md
index 7f57e79ba..335bbe98f 100644
--- a/ej2-javascript/diagram/js/constraints.md
+++ b/ej2-javascript/diagram/js/constraints.md
@@ -19,14 +19,6 @@ To know more about Bitwise operators, refer to [`Bitwise Operations`](#bitwise-o
[`Diagram constraints`](../api/diagram/diagramconstraints/) allows you to enable or disable the following behaviors:
-* Page editing
-* Bridging
-* Zoom and pan
-* Undo/redo
-* Tooltip
-* Line routing
-* Virtualization
-
The following table displays the list of all diagram constraints.
| Constraints | Description |
@@ -93,16 +85,6 @@ N> By default, the following constraints are enabled in the diagram,
Node constraints allows to enable or disable the following behaviors of node. They are as follows:
-* Select
-* Drag
-* Resize
-* Rotate
-* Delete
-* InConnect
-* OutConnect
-* Shadow
-* Tooltip
-
| Constraints | Description |
| -------- | -------- |
|None|Disable all node Constraints|
@@ -207,15 +189,6 @@ N>By default, the following constraints are enabled for the node,
Connector constraints allows you to enable or disable certain behaviors of connectors.
-* Select
-* Drag
-* DragSourceEnd
-* DragTargetEnd
-* Delete
-* InheritBridging
-* PointerEvents
-* Tooltip
-
| Constraints | Description |
| -------- | -------- |
|None|Disable all connector Constraints.|
@@ -332,9 +305,6 @@ N>By default, the following constraints are enabled for the connector,
The constraints property of the Port allows you to enable or disable the following behaviors of port.
-* InConnect
-* OutConnect
-
| Constraints | Description |
| -------- | -------- |
|None|Disable all port Constraints.|
@@ -476,10 +446,6 @@ For more details about annotation constraints, refer to [`AnnotationConstraints`
Selector visually represents the selected elements with certain editable thumbs. The visibility of the thumbs can be controlled with selector constraints. The part of selector is categorized as follows:
-* Resizer
-* Rotator
-* User handles
-
| Constraints | Description |
| -------- | -------- |
|None|Hides all the selector elements.|
@@ -550,12 +516,7 @@ N> By default, the following constraints are enabled for the selected items,
## Snap constraints
-Snap constraints control the visibility of gridlines and enable/disable snapping. Snap constraints allow to set the following behaviors.
-
-* Show only horizontal or vertical gridlines.
-* Show both horizontal and vertical gridlines.
-* Snap to either horizontal or vertical gridlines.
-* Snap to both horizontal and vertical gridlines.
+Snap constraints control the visibility of gridlines and enable/disable snapping.
The following list of snapping constraints are used to enable or disable certain features of snapping.
@@ -617,11 +578,7 @@ N> By default, the following constraints are enabled for the snap functionality
## Boundary constraints
-Boundary constraints defines a boundary for the diagram inside which the interaction should be done. Boundary constraints allow to set the following behaviors.
-
-* Infinite
-* Diagram
-* Page
+Boundary constraints defines a boundary for the diagram inside which the interaction should be done.
The following list of constraints are used to enable or disable certain features of boundary interactions of the diagram.
diff --git a/ej2-javascript/diagram/ts/bezier-controlPoint.md b/ej2-javascript/diagram/ts/bezier-controlPoint.md
index e16799316..6b9e84ee2 100644
--- a/ej2-javascript/diagram/ts/bezier-controlPoint.md
+++ b/ej2-javascript/diagram/ts/bezier-controlPoint.md
@@ -8,17 +8,18 @@ publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---
+# Bezier Control points
-### How to interact with the bezier segments efficiently
+## How to interact with the bezier segments efficiently
While interacting with multiple bezier segments, maintain their control points at the same distance and angle by using the bezierSettings.smoothness property of the connector class.
| BezierSmoothness value | Description | Output |
|-------- | -------- | -------- |
-| SymmetricDistance| Both control points of adjacent segments will be at the same distance when any one of them is editing. |  |
-| SymmetricAngle | Both control points of adjacent segments will be at the same angle when any one of them is editing. |  |
-| Default | Both control points of adjacent segments will be at the same angle and same distance when any one of them is editing. |  |
-| None | Segment’s control points are interacted independently from each other. |  |
+| SymmetricDistance| Both control points of adjacent segments will be at the same distance when any one of them is editing. |  |
+| SymmetricAngle | Both control points of adjacent segments will be at the same angle when any one of them is editing. |  |
+| Default | Both control points of adjacent segments will be at the same angle and same distance when any one of them is editing. |  |
+| None | Segment’s control points are interacted independently from each other. |  |
{% tabs %}
{% highlight ts tabtitle="index.ts" %}
@@ -31,14 +32,14 @@ While interacting with multiple bezier segments, maintain their control points a
{% previewsample "page.domainurl/code-snippet/diagram/connectors-cs17" %}
-### How to show or hide the bezier segment’s control points
+## How to show or hide the bezier segment’s control points
-By using the [`controlPointsVisibility`](../api/diagram/controlPointsVisibility/) property of the Connector class, you can enable or disable the visibility of the bezier segment’s control points.
+By using the [`controlPointsVisibility`](../api/diagram/controlPointsVisibility/) property of [`bezierSettings`](../api/diagram/bezierSettingsModel/), you can enable or disable the visibility of the bezier segment’s control points.
| ControlPointsVisibility value | Description | Output |
|-------- | -------- | -------- |
-| None |It allows you to hide all control points of the bezier connector. |  |
-| Source | It allows you to show control points of the source segment and hides all other control points in a bezier connector. |  |
-| Target | It allows you to show control points of the target segment and hides all other control points in a bezier connector. |  |
-| Intermediate | It allows you to show control points of the intermediate segments and hides all other control points in a bezier connector.|  |
-| All | It allows you to show all the control points of the bezier connector, including the source, target, and intermediate segments’ control points. |  |
+| None |It allows you to hide all control points of the bezier connector. |  |
+| Source | It allows you to show control points of the source segment and hides all other control points in a bezier connector. |  |
+| Target | It allows you to show control points of the target segment and hides all other control points in a bezier connector. |  |
+| Intermediate | It allows you to show control points of the intermediate segments and hides all other control points in a bezier connector.|  |
+| All | It allows you to show all the control points of the bezier connector, including the source, target, and intermediate segments’ control points. |  |
diff --git a/ej2-javascript/diagram/ts/bezier-segEditOrientation.md b/ej2-javascript/diagram/ts/bezier-segEditOrientation.md
index b8dce54ab..b210fadee 100644
--- a/ej2-javascript/diagram/ts/bezier-segEditOrientation.md
+++ b/ej2-javascript/diagram/ts/bezier-segEditOrientation.md
@@ -8,17 +8,18 @@ publishingplatform: ##Platform_Name##
documentation: ug
domainurl: ##DomainURL##
---
+# Bezier Connector Settings
## How to edit bezier segments based on bezier connector settings
-The intermediate point of two adjacent bezier segments can be edited interactively based on the [`segmentEditOrientation`](../api/diagram/bezierSegmentEditOrientation/) property of the Connector class.
+The intermediate point of two adjacent bezier segments can be edited interactively based on the [`segmentEditOrientation`](../api/diagram/bezierSegmentEditOrientation/) property of [`bezierSettings`](../api/diagram/bezierSettingsModel/).
| SegmentEditOrientation value | Description | Output |
|-------- | -------- | -------- |
-| Bidirectional |It allows the intermediate points to be dragged in either vertical or horizontal directions. |  |
-| Freeform | It allows the intermediate points to be dragged in any direction. |  |
+| Bidirectional |It allows the intermediate points to be dragged in either vertical or horizontal directions. |  |
+| Freeform | It allows the intermediate points to be dragged in any direction. |  |
-The following code illustrates how to interact with Bezier efficiently by using the [`smoothness`](../api/diagram/bezierSmoothness/) and `segmentEditOrientation` properties of the Connector class.
+The following code illustrates how to interact with Bezier efficiently by using the [`smoothness`](../api/diagram/bezierSmoothness/) and `segmentEditOrientation` properties of the `bezierSettings`.
{% tabs %}
{% highlight ts tabtitle="index.ts" %}
diff --git a/ej2-javascript/diagram/ts/connector-customization.md b/ej2-javascript/diagram/ts/connector-customization.md
index cb9fcaaee..01ebcadd7 100644
--- a/ej2-javascript/diagram/ts/connector-customization.md
+++ b/ej2-javascript/diagram/ts/connector-customization.md
@@ -59,7 +59,7 @@ The following code example illustrates how to customize the appearance of the de
The gradient property is used to set the gradient color for the decorator. There are two types of gradient.
* Linear
- * Raial
+ * Radial
The following code example illustrates how to apply gradient for the decorator.
@@ -274,5 +274,5 @@ The following code illustrates how to split the connector and create a connectio
{% previewsample "page.domainurl/code-snippet/diagram/connectors-cs29" %}
-
+
diff --git a/ej2-javascript/diagram/ts/connector-interaction.md b/ej2-javascript/diagram/ts/connector-interaction.md
index ac03ed2ba..d83ed8b8f 100644
--- a/ej2-javascript/diagram/ts/connector-interaction.md
+++ b/ej2-javascript/diagram/ts/connector-interaction.md
@@ -17,8 +17,6 @@ Connectors can be selected, dragged, and routed over the diagram page.
A connector can be selected, simply just by clicking on it.
-
-
A connector can be selected at runtime by using the Select method and clear the selection in the diagram using the ClearSelection. The following code explains how to select and clear selection in the diagram.
{% tabs %}
@@ -36,7 +34,7 @@ A connector can be selected at runtime by using the Select method and clear the
Connector can be dragged by just clicking on the connector and dragging.
-
+
A connector can be dragged at runtime by using the Drag method. The following code explains how to drag the connector by using the drag method.
@@ -55,7 +53,7 @@ A connector can be dragged at runtime by using the Drag method. The following co
The connector can be selected by clicking it. When the connector is selected, circles will be added on the starting and ending of the connector that is represented by Thumbs. Clicking and dragging those handles helps you to adjust the source and target points.
-
+
The following code example shows how to drag connector end point at runtime.
diff --git a/ej2-javascript/diagram/ts/constraints.md b/ej2-javascript/diagram/ts/constraints.md
index c762e5883..06133f2a2 100644
--- a/ej2-javascript/diagram/ts/constraints.md
+++ b/ej2-javascript/diagram/ts/constraints.md
@@ -19,14 +19,6 @@ To know more about Bitwise operators, refer to [`Bitwise Operations`](#bitwise-o
[`Diagram constraints`](../api/diagram/diagramconstraints/) allows you to enable or disable the following behaviors:
-* Page editing
-* Bridging
-* Zoom and pan
-* Undo/redo
-* Tooltip
-* Line routing
-* Virtualization
-
The following table displays the list of all diagram constraints.
| Constraints | Description |
@@ -93,16 +85,6 @@ N> By default, the following constraints are enabled in the diagram,
Node constraints allows to enable or disable the following behaviors of node. They are as follows:
-* Select
-* Drag
-* Resize
-* Rotate
-* Delete
-* InConnect
-* OutConnect
-* Shadow
-* Tooltip
-
| Constraints | Description |
| -------- | -------- |
|None|Disable all node Constraints|
@@ -207,15 +189,6 @@ N>By default, the following constraints are enabled for the node,
Connector constraints allows you to enable or disable certain behaviors of connectors.
-* Select
-* Drag
-* DragSourceEnd
-* DragTargetEnd
-* Delete
-* InheritBridging
-* PointerEvents
-* Tooltip
-
| Constraints | Description |
| -------- | -------- |
|None|Disable all connector Constraints.|
@@ -332,9 +305,6 @@ N>By default, the following constraints are enabled for the connector,
The constraints property of the Port allows you to enable or disable the following behaviors of port.
-* InConnect
-* OutConnect
-
| Constraints | Description |
| -------- | -------- |
|None|Disable all port Constraints.|
@@ -476,10 +446,6 @@ For more details about annotation constraints, refer to [`AnnotationConstraints`
Selector visually represents the selected elements with certain editable thumbs. The visibility of the thumbs can be controlled with selector constraints. The part of selector is categorized as follows:
-* Resizer
-* Rotator
-* User handles
-
| Constraints | Description |
| -------- | -------- |
|None|Hides all the selector elements.|
@@ -550,12 +516,7 @@ N> By default, the following constraints are enabled for the selected items,
## Snap constraints
-Snap constraints control the visibility of gridlines and enable/disable snapping. Snap constraints allow to set the following behaviors.
-
-* Show only horizontal or vertical gridlines.
-* Show both horizontal and vertical gridlines.
-* Snap to either horizontal or vertical gridlines.
-* Snap to both horizontal and vertical gridlines.
+Snap constraints control the visibility of gridlines and enable/disable snapping.
The following list of snapping constraints are used to enable or disable certain features of snapping.
@@ -617,11 +578,7 @@ N> By default, the following constraints are enabled for the snap functionality
## Boundary constraints
-Boundary constraints defines a boundary for the diagram inside which the interaction should be done. Boundary constraints allow to set the following behaviors.
-
-* Infinite
-* Diagram
-* Page
+Boundary constraints defines a boundary for the diagram inside which the interaction should be done.
The following list of constraints are used to enable or disable certain features of boundary interactions of the diagram.
diff --git a/ej2-javascript/gantt/js/es5-getting-started.md b/ej2-javascript/gantt/js/es5-getting-started.md
index 77a765c58..f05dd5823 100644
--- a/ej2-javascript/gantt/js/es5-getting-started.md
+++ b/ej2-javascript/gantt/js/es5-getting-started.md
@@ -72,9 +72,9 @@ Refer to the following code to find the location of Gantt script and style file.
**Example:**
-> Script: `C:/Program Files (x86)/Syncfusion/Essential Studio/16.4.40/Essential JS 2/ej2-gantt/dist/global/ej2-gantt.min.js`
+> Script: `C:/Program Files (x86)/Syncfusion/Essential Studio/26.1.35/Essential JS 2/ej2-gantt/dist/global/ej2-gantt.min.js`
>
-> Styles: `C:/Program Files (x86)/Syncfusion/Essential Studio/16.4.40/Essential JS 2/ej2-gantt/styles/material.css`
+> Styles: `C:/Program Files (x86)/Syncfusion/Essential Studio/26.1.35/Essential JS 2/ej2-gantt/styles/material.css`
After copying the files, then you can refer the gantt's scripts and styles into the `index.html` file.
The below html code example shows the minimal dependency for Gantt.
@@ -138,15 +138,15 @@ Refer to the Gantt's CDN links as follows.
**Syntax:**
-> Script: `http://cdn.syncfusion.com/ej2/{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js`
+> Script: `http://cdn.syncfusion.com/ej2/{RELEASE_VERSION}/{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js`
>
-> Styles: `http://cdn.syncfusion.com/ej2/{PACKAGE_NAME}/styles/material.css`
+> Styles: `http://cdn.syncfusion.com/ej2/{RELEASE_VERSION}/{PACKAGE_NAME}/styles/material.css`
**Example:**
-> Script: [`http://cdn.syncfusion.com/ej2/ej2-gantt/dist/global/ej2-gantt.min.js`](http://cdn.syncfusion.com/ej2/ej2-gantt/dist/global/ej2-gantt.min.js)
+> Script: [`http://cdn.syncfusion.com/ej2/26.1.35/ej2-gantt/dist/global/ej2-gantt.min.js`](http://cdn.syncfusion.com/ej2/ej2-gantt/dist/global/ej2-gantt.min.js)
>
-> Styles: [`http://cdn.syncfusion.com/ej2/ej2-gantt/styles/material.css`](http://cdn.syncfusion.com/ej2/ej2-gantt/styles/material.css)
+> Styles: [`http://cdn.syncfusion.com/ej2/26.1.35/ej2-gantt/styles/material.css`](http://cdn.syncfusion.com/ej2/ej2-gantt/styles/material.css)
The below html code example shows the dependency of gantt.
@@ -156,42 +156,42 @@ The below html code example shows the dependency of gantt.
Essential JS 2 Gantt
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
diff --git a/ej2-javascript/treegrid/js/getting-started.md b/ej2-javascript/treegrid/js/getting-started.md
index d46317084..a36441187 100644
--- a/ej2-javascript/treegrid/js/getting-started.md
+++ b/ej2-javascript/treegrid/js/getting-started.md
@@ -69,9 +69,9 @@ Refer to the following code to find location TreeGrid's script and style file.
**Example:**
-> Script: `C:/Program Files (x86)/Syncfusion/Essential Studio/16.4.40/Essential JS 2/ej2-treegrid/dist/global/ej2-treegrid.min.js`
+> Script: `C:/Program Files (x86)/Syncfusion/Essential Studio/26.1.35/Essential JS 2/ej2-treegrid/dist/global/ej2-treegrid.min.js`
>
-> Styles: `C:/Program Files (x86)/Syncfusion/Essential Studio/16.4.40/Essential JS 2/ej2-treegrid/styles/material.css`
+> Styles: `C:/Program Files (x86)/Syncfusion/Essential Studio/26.1.35/Essential JS 2/ej2-treegrid/styles/material.css`
After copying the files, refer the TreeGrid's scripts and styles into the `index.html` file.
The following HTML code example shows the minimal dependency of TreeGrid.
@@ -110,15 +110,15 @@ Refer to the TreeGrid's CDN links as follows.
**Syntax:**
-> Script: `http://cdn.syncfusion.com/ej2/{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js`
+> Script: `http://cdn.syncfusion.com/ej2/{RELEASE_VERSION}/{PACKAGE_NAME}/dist/global/{PACKAGE_NAME}.min.js`
>
-> Styles: `http://cdn.syncfusion.com/ej2/{PACKAGE_NAME}/styles/material.css`
+> Styles: `http://cdn.syncfusion.com/ej2/{RELEASE_VERSION}/{PACKAGE_NAME}/styles/material.css`
**Example:**
-> Script: [`http://cdn.syncfusion.com/ej2/ej2-treegrid/dist/global/ej2-treegrid.min.js`](http://cdn.syncfusion.com/ej2/ej2-treegrid/dist/global/ej2-treegrid.min.js)
+> Script: [`http://cdn.syncfusion.com/ej2/26.1.35/ej2-treegrid/dist/global/ej2-treegrid.min.js`](http://cdn.syncfusion.com/ej2/ej2-treegrid/dist/global/ej2-treegrid.min.js)
>
-> Styles: [`http://cdn.syncfusion.com/ej2/ej2-treegrid/styles/material.css`](http://cdn.syncfusion.com/ej2/ej2-treegrid/styles/material.css)
+> Styles: [`http://cdn.syncfusion.com/ej2/26.1.35/ej2-treegrid/styles/material.css`](http://cdn.syncfusion.com/ej2/ej2-treegrid/styles/material.css)
The following HTML code example shows the minimal dependency of TreeGrid.
@@ -128,19 +128,19 @@ The following HTML code example shows the minimal dependency of TreeGrid.
Essential JS 2 TreeGrid
-
-
-
+
+
+
-
+
-
-
-
-
+
+
+
+
-
+
@@ -160,14 +160,14 @@ In this document context, the `ej2.min.js` is used, which includes all the Essen
Essential JS 2 TreeGrid
-
-
-
+
+
+
-
+
-
+
@@ -197,14 +197,14 @@ Data for the TreeGrid control is bind by using the `dataSource` property. It acc
Essential JS 2 TreeGrid
-
-
-
+
+
+
-
+
-
+
diff --git a/ej2-typescript-toc.html b/ej2-typescript-toc.html
index d38cbe7a8..726bc8810 100644
--- a/ej2-typescript-toc.html
+++ b/ej2-typescript-toc.html
@@ -730,7 +730,7 @@