From a03491d4d097b8aa9afa59ee45e388db06144317 Mon Sep 17 00:00:00 2001 From: Build Automaion Date: Wed, 4 Sep 2024 10:59:05 +0530 Subject: [PATCH] Integrated latest changes at 09-04-2024 10:30:07 AM --- ej2-javascript/daterangepicker/ts/getting-started.md | 2 ++ ej2-javascript/diagram/ts/getting-started.md | 8 +++++--- ej2-javascript/grid/getting-started.md | 8 +++++--- ej2-javascript/listview/style.md | 6 +++--- ej2-javascript/treeview/ts/getting-started.md | 2 +- 5 files changed, 16 insertions(+), 10 deletions(-) diff --git a/ej2-javascript/daterangepicker/ts/getting-started.md b/ej2-javascript/daterangepicker/ts/getting-started.md index ff00c7ec4..6fd04f261 100644 --- a/ej2-javascript/daterangepicker/ts/getting-started.md +++ b/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 \ No newline at end of file diff --git a/ej2-javascript/diagram/ts/getting-started.md b/ej2-javascript/diagram/ts/getting-started.md index 969d8add7..1e15100d5 100644 --- a/ej2-javascript/diagram/ts/getting-started.md +++ b/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. \ No newline at end of file diff --git a/ej2-javascript/grid/getting-started.md b/ej2-javascript/grid/getting-started.md index 4cfb466a8..e3acaed96 100644 --- a/ej2-javascript/grid/getting-started.md +++ b/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) \ No newline at end of file +* [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. \ No newline at end of file diff --git a/ej2-javascript/listview/style.md b/ej2-javascript/listview/style.md index d01fa0ad3..16fff8157 100644 --- a/ej2-javascript/listview/style.md +++ b/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; } ``` \ No newline at end of file diff --git a/ej2-javascript/treeview/ts/getting-started.md b/ej2-javascript/treeview/ts/getting-started.md index 3eb5e2931..a582746d4 100644 --- a/ej2-javascript/treeview/ts/getting-started.md +++ b/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. \ No newline at end of file +> 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. \ No newline at end of file