Integrated latest changes at 10-30-2025 1:30:06 PM

SyncfusionBuild · SyncfusionBuild · commit 835640379b39 · 2025-10-30T14:06:29.000+05:30
diff --git a/ej2-javascript/code-snippet/ai-assistview/speech/stt/js/index.html b/ej2-javascript/code-snippet/ai-assistview/speech/stt/js/index.html
@@ -12,6 +12,7 @@
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-interactive-chat/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
diff --git a/ej2-javascript/code-snippet/ai-assistview/speech/stt/ts/index.html b/ej2-javascript/code-snippet/ai-assistview/speech/stt/ts/index.html
@@ -12,6 +12,7 @@
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-interactive-chat/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
diff --git a/ej2-javascript/code-snippet/ai-assistview/speech/tts/js/index.html b/ej2-javascript/code-snippet/ai-assistview/speech/tts/js/index.html
@@ -12,6 +12,7 @@
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-interactive-chat/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
diff --git a/ej2-javascript/code-snippet/ai-assistview/speech/tts/ts/index.html b/ej2-javascript/code-snippet/ai-assistview/speech/tts/ts/index.html
@@ -12,6 +12,7 @@
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-interactive-chat/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/material.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/material.css" rel="stylesheet" />
     <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-notifications/styles/material.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
diff --git a/ej2-javascript/code-snippet/grid/grid-cs39/index.js b/ej2-javascript/code-snippet/grid/grid-cs39/index.js
@@ -17,11 +17,15 @@ var grid = new ej.grids.Grid({
 grid.appendTo('#Grid');
 
 function queryCellInfo(args) {
-    if (args.column.headerText === 'Verified') {
-        var checkbox = new ej.buttons.CheckBox
-        ({  
-            checked: args.data.Verified
-        });
-        checkbox.appendTo(args.cell.querySelector('input'));
-    }
-  }
+  if (args.column.headerText === 'Verified') {
+    var checkbox = new ej.buttons.CheckBox
+    ({
+      checked: args.data.Verified,
+      change: function (changeArgs) {
+        args.data.Verified = changeArgs.checked;
+        grid.updateRow(args.data.OrderID, args.data);
+      },  
+    });
+    checkbox.appendTo(args.cell.querySelector('input'));
+  }
+}
diff --git a/ej2-javascript/code-snippet/grid/grid-cs39/index.ts b/ej2-javascript/code-snippet/grid/grid-cs39/index.ts
@@ -1,5 +1,5 @@
 import { Grid, Edit, Toolbar,QueryCellInfoEventArgs } from '@syncfusion/ej2-grids';
-import { CheckBox } from '@syncfusion/ej2-buttons';
+import { CheckBox,ChangeEventArgs } from '@syncfusion/ej2-buttons';
 import { data } from './datasource.ts';
 
 Grid.Inject(Edit,Toolbar);
@@ -24,8 +24,13 @@ function queryCellInfo(args: QueryCellInfoEventArgs) {
     if (args.column.headerText === 'Verified') {
         let checkbox: CheckBox = new CheckBox
         ({  
-            checked: (args.data as any).Verified
+            checked: (args.data as any).Verified,
+            change: function (changeArgs: ChangeEventArgs) {
+                (args.data as any).Verified = changeArgs.checked;
+                grid.updateRow((args.data as any).OrderID, args.data);
+            }, 
         });
         checkbox.appendTo(args.cell.querySelector('input'));
     }
-  }
+  }
+
diff --git a/ej2-javascript/code-snippet/grid/grid-cs39/js/index.html b/ej2-javascript/code-snippet/grid/grid-cs39/js/index.html
@@ -25,7 +25,7 @@
     <div id="container">
         <div class="wrap">
             <script type="text/x-template" id="template" >
-                <input type="checkbox" id="checkbox">
+                <input type="checkbox">
             </script>
         </div>
         <div id="Grid"></div>
diff --git a/ej2-javascript/code-snippet/grid/grid-cs39/ts/index.html b/ej2-javascript/code-snippet/grid/grid-cs39/ts/index.html
@@ -29,7 +29,7 @@
     <div id='container'>
         <div class="wrap">
             <script type="text/x-template" id="template" >
-                <input type="checkbox" id="checkbox">
+                <input type="checkbox">
             </script>
         </div>
         <div id='Grid'></div>
diff --git a/ej2-javascript/grid/filtering/filter-bar.md b/ej2-javascript/grid/filtering/filter-bar.md
@@ -60,7 +60,7 @@ The following example demonstrates how to activate default filtering in the grid
 {% previewsample "page.domainurl/code-snippet/grid/grid-cs64" %}
 {% endif %}
 
-> To enable or dynamically switch the filter type, you must set the [filterSettings->type](../../api/grid/filtersettings/#type) as **FilterBar**.
+> If the [filterSettings->type](../../api/grid/filtersettings/#type) is not explicitly specified, it defaults to **FilterBar**.
 
 ## Filter bar modes
 
diff --git a/ej2-javascript/rich-text-editor/smart-editing/mentions.md b/ej2-javascript/rich-text-editor/smart-editing/mentions.md
@@ -13,8 +13,12 @@ domainurl: ##DomainURL##
 
 By integrating the [Mention](https://ej2.syncfusion.com/documentation/mention/getting-started) control with a Rich Text Editor, users can effortlessly mention or tag other users or objects from a suggested list. This eliminates the need to manually type out names or identifying information, improving efficiency and accuracy.
 
+## Setup and configuration
+
 Use the [target](https://ej2.syncfusion.com/documentation/api/mention/#target) property of the Mention control to specify the `ID` of the content editable div element within the Rich Text Editor. When setting the target, make sure to append the suffix `_rte-edit-view` to the ID. This allows you to enable the Mention functionality within the Rich Text Editor, so that users can mention or tag other users or objects from the suggested list while editing the text.
 
+## Using mentions
+
 When the user types the `@` symbol followed by a character, the Rich Text Editor displays a list of suggestions. Users can then select an item from the list by:
 
 * Clicking on it
@@ -26,7 +30,7 @@ When the user types the `@` symbol followed by a character, the Rich Text Editor
 
 You can control when the suggestion list appears by setting the [minLength](https://ej2.syncfusion.com/documentation/api/mention/#minlength) property in the Mention control. This property defines the minimum number of characters a user must type after the mention character (@) to trigger the search action. This is especially useful when working with large datasets, as it helps reduce unnecessary queries and improves performance.
 
-By default, minLength is set to 0, which means the suggestion list appears immediately after the mention character is entered. However, you can increase this value to delay the search until the user has typed a specific number of characters.
+By default, `minLength` is set to 0, which means the suggestion list appears immediately after the mention character is entered. However, you can increase this value to delay the search until the user has typed a specific number of characters.
 
 In the following example, the minLength is set to 3, so the suggestion list will only appear once the user types three or more characters after the @ symbol.
 
@@ -94,7 +98,7 @@ In the example below, the `suggestionCount` is set to 5, so only 5 items will be
 
 ### Customizing suggestion list using templates
 
-#### Item Template
+#### Item template
 
 You can customize how each item appears in the suggestion list using the [itemTemplate](https://ej2.syncfusion.com/documentation/api/mention/#itemtemplate) property. This allows you to display additional details such as email, role, or profile image alongside the mention name.
 
@@ -113,7 +117,7 @@ Using the `displayTemplate` property, you can customize it to render as a clicka
 
 ```
 <a href="" title="">@Selma Rose</a>
-
+<a href="mailto:maria@gmail.com" title="maria@gmail.com">@Maria</a>
 ```
 
 This allows you to create more interactive and informative mentions within the editor.
diff --git a/ej2-javascript/rich-text-editor/tools/text-formatting.md b/ej2-javascript/rich-text-editor/tools/text-formatting.md
@@ -269,7 +269,7 @@ In the Rich Text Editor, pressing the `Tab` key while the cursor is inside a lis
 
 Please refer to the below video for visual behavior and interaction examples:
 
-![Rich Text Editor list editing behaviour](images/list-editing.gif)
+![Rich Text Editor list editing behaviour](../images/list-editing.gif)
 
 ## Increase and decrease indent
 
@@ -468,7 +468,7 @@ Use the `Blockquote` tool in the editor below to see the feature in action.
 
 > In a markdown editor, blockquotes are represented using the `>` symbol.
 
-### Nested Blockquotes
+### Nested blockquotes
 
 The Rich Text Editor also supports nested blockquotes, allowing one blockquote to be placed inside another. 
 
