Merge pull request #359 from Syncfusion-Content/hotfix/hotfix-v26.2.4

DOCINFRA-2341_merged_using_automation

Author: SyncfusionBuild

ej2-javascript/daterangepicker/ts/getting-started.md

@@ -177,3 +177,5 @@ The start and end date in a range can be defined with the help of startDate and
 
 * [Render DateRangePicker with pre-defined ranges](./customization#preset-ranges)
 * [Render DateRangePicker with specific culture](./globalization)
+
+> You can also explore [JavaScript DateRangePicker](https://www.syncfusion.com/javascript-ui-controls/js-daterangepicker) feature tour page for its groundbreaking features. You can also explore our [JavaScript DateRangePicker](https://ej2.syncfusion.com/demos/#/bootstrap5/daterangepicker/default.html) that shows how to render the DateRangePicker in JavaScript

ej2-javascript/diagram/ts/getting-started.md

@@ -223,10 +223,10 @@ Create and add a `node` (JSON data) with specific position, size.
 
 ### Apply shape and style to node
 
-Syncfusion diagram control provides support to render many build-in shapes in diagram.
+Syncfusion diagram control provides support to render many built-in shapes in diagram.
 Please refer to [`Shapes`](../api/diagram/shapes/) to know about built-in Shapes.
 
-* The appearance of a node can be customized by changing its [`fill`](../api/diagram/shapeStyleModel#fill-string) color, [`strokeColor`](../api/diagram/shapeStyleModel#strokecolor-string), [`strokeWidth`](../api/diagram/shapeStyleModel#strokewidth-number), [`borderColor`](../api/diagram/node#borderColor-string), [`borderWidth`](../api/diagram/node#borderWidth-number), [`strokeDashArray`](../api/diagram/shapeStyleModel#strokeDashArray-number),  [`opacity`](../api/diagram/shapeStyleModel#opacity-number), and [`shadow`](../api/diagram/shapeStyleModel#shadow-number).
+* The appearance of a node can be customized by changing its [`fill`](../api/diagram/shapeStyleModel/#fill-string) color, [`strokeColor`](../api/diagram/shapeStyleModel/#strokecolor-string), [`strokeWidth`](../api/diagram/shapeStyleModel/#strokewidth-number), [`borderColor`](../api/diagram/node/#borderColor-string), [`borderWidth`](../api/diagram/node/#borderWidth-number), [`strokeDashArray`](../api/diagram/shapeStyleModel/#strokeDashArray-number),  [`opacity`](../api/diagram/shapeStyleModel/#opacity-number), and [`shadow`](../api/diagram/shapeStyleModel/#shadow-number).
 
 {% if page.publishingplatform == "typescript" %}
 
@@ -377,7 +377,7 @@ let diagram: Diagram = new Diagram({
 
 ### Rendering layout with Datasource
 
-To create an organizational chart, the [`type`](../api/diagram/layout) of layout should be set as an `OrganizationalChart`. The following code example shows how DataManager is used to generate Layout based on the DataSourceSettings of the Diagram.
+To create an organizational chart, the [`type`](../api/diagram/layout/) of layout should be set as an `OrganizationalChart`. The following code example shows how DataManager is used to generate Layout based on the DataSourceSettings of the Diagram.
 
 {% if page.publishingplatform == "typescript" %}
 
@@ -436,3 +436,5 @@ The following code examples indicate how to define the default appearance of nod
 
 {% previewsample "page.domainurl/code-snippet/diagram/getting-started-cs5" %}
 {% endif %}
+
+N> You can refer to our [JavaScript Diagram](https://www.syncfusion.com/javascript-ui-controls/js-diagram) feature tour page for its groundbreaking feature representations. You can also explore our [JavaScript Diagram example](https://ej2.syncfusion.com/demos/#/bootstrap5/diagram/default-functionalities.html) to knows how to present and manipulate data.

ej2-javascript/grid/getting-started.md

@@ -328,7 +328,9 @@ Output will be displayed as follows.
 
 * [Overview of Grid](https://www.syncfusion.com/blogs/post/overview-of-grid-in-essential-js-2-part-1.aspx)
 * [Introduction to the Grid control](https://www.syncfusion.com/blogs/post/introduction-to-the-grid-control-for-javascript.aspx)
-* [How to display a table data after clicking Submit button in Javascript?](https://support.syncfusion.com/kb/article/10145/how-to-display-a-table-data-after-clicking-submit-button)
-* [How to display table in popup window using Javascript?](https://support.syncfusion.com/kb/article/10339/how-to-display-table-in-popup-window-using-javascript)
+* [How to display a table data after clicking Submit button in JavaScript?](https://support.syncfusion.com/kb/article/10145/how-to-display-a-table-data-after-clicking-submit-button)
+* [How to display table in popup window using JavaScript?](https://support.syncfusion.com/kb/article/10339/how-to-display-table-in-popup-window-using-javascript)
 * [How to open pdf document on button click inside a Grid](https://support.syncfusion.com/kb/article/10246/how-to-open-pdf-document-on-button-click-inside-a-grid)
-* [How to disable the default keyboard actions in Grid](https://support.syncfusion.com/kb/article/9578/how-to-disable-the-default-keyboard-actions-in-js-grid)
+* [How to disable the default keyboard actions in Grid](https://support.syncfusion.com/kb/article/9578/how-to-disable-the-default-keyboard-actions-in-js-grid)
+
+N> You can refer to our [JavaScript DataGrid](https://www.syncfusion.com/javascript-ui-controls/js-data-grid) feature tour page for its groundbreaking feature representations. You can also explore our [JavaScript DataGrid example](https://ej2.syncfusion.com/demos/#/bootstrap5/grid/default.html) that shows you how to present and manipulate data.

ej2-javascript/listview/style.md

@@ -111,9 +111,9 @@ Use the following CSS to customize the selected list item.
 
 ```css
 
-.e-listview .e-list-item.e-focused {
-    color: #2fa1ff;
-    background-color: rgb(0, 15, 100);
+.e-listview .e-list-item.e-active {
+    color: red;
+    background-color: aqua;
 }
 
 ```

ej2-javascript/treeview/ts/getting-started.md

@@ -211,4 +211,4 @@ npm start
 
 {% previewsample "page.domainurl/code-snippet/treeview/getting-started-cs1" %}
 
-> You can also explore our [JavaScript TreeView example](https://ej2.syncfusion.com/demos/#/material/treeview/default.html) to knows how to present and manipulate data.
+> You can also explore our [JavaScript TreeView example](https://ej2.syncfusion.com/demos/#/bootstrap5/treeview/default.html) to knows how to present and manipulate data.