diff --git a/ej2-javascript-toc.html b/ej2-javascript-toc.html
index f80f9198c..18afab01b 100644
--- a/ej2-javascript-toc.html
+++ b/ej2-javascript-toc.html
@@ -2956,7 +2956,7 @@
 </ul>
 </li> <li>Release Notes
      <ul>
-		<li>2025 Volume 4 - 32.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/32.1.20">32.1.20</a></li></ul></li><li><a href="/ej2-javascript/release-notes/32.1.19">32.1.19 Main Release</a></li></ul></li><li>2025 Volume 3 - 31.*
+		<li>2025 Volume 4 - 32.*<ul><li>Weekly Release<ul><li><a href="/ej2-javascript/release-notes/32.1.21">32.1.21</a></li><li><a href="/ej2-javascript/release-notes/32.1.20">32.1.20</a></li></ul></li><li><a href="/ej2-javascript/release-notes/32.1.19">32.1.19 Main Release</a></li></ul></li><li>2025 Volume 3 - 31.*
 			<ul>
 				<li>Weekly Release
 					<ul><li><a href="/ej2-javascript/release-notes/31.2.10">31.2.10</a></li><li><a href="/ej2-javascript/release-notes/31.2.5">31.2.5</a></li><li><a href="/ej2-javascript/release-notes/31.2.4">31.2.4</a></li>
diff --git a/ej2-javascript/Release-notes/32.1.21.md b/ej2-javascript/Release-notes/32.1.21.md
new file mode 100644
index 000000000..41ffb9477
--- /dev/null
+++ b/ej2-javascript/Release-notes/32.1.21.md
@@ -0,0 +1,98 @@
+---
+title: Essential Studio for ##Platform_Name## Release Notes - v32.1.21
+description: Learn here about the controls in the Essential Studio for ##Platform_Name## Weekly Release - Release Notes - v32.1.21
+platform: ej2-javascript
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name## - v32.1.21 Release Notes 
+
+{% include release-info.html date="December 30, 2025"  version="v32.1.21" passed="68276" failed="0" %}
+
+{% directory path: _includes/release-notes/v32.1.21 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| 3D Chart | 232 | 232 | 0 | All Passed |
+| 3D Circular Chart | 374 | 374 | 0 | All Passed |
+| Accordion | 109 | 109 | 0 | All Passed |
+| AI Assist View | 430 | 430 | 0 | All Passed |
+| App Bar | 67 | 67 | 0 | All Passed |
+| AutoComplete | 200 | 200 | 0 | All Passed |
+| Breadcrumb | 160 | 160 | 0 | All Passed |
+| Bullet Chart | 169 | 169 | 0 | All Passed |
+| Button | 145 | 145 | 0 | All Passed |
+| ButtonGroup | 120 | 120 | 0 | All Passed |
+| calendar | 177 | 177 | 0 | All Passed |
+| Carousel | 61 | 61 | 0 | All Passed |
+| Chart | 5025 | 5025 | 0 | All Passed |
+| Chat UI | 500 | 500 | 0 | All Passed |
+| Checkbox | 37 | 37 | 0 | All Passed |
+| CircularGauge | 429 | 429 | 0 | All Passed |
+| ColorPicker | 130 | 130 | 0 | All Passed |
+| Combo Box | 144 | 144 | 0 | All Passed |
+| Common | 906 | 906 | 0 | All Passed |
+| Context Menu | 105 | 105 | 0 | All Passed |
+| Data Grid | 3705 | 3705 | 0 | All Passed |
+| Date Picker | 427 | 427 | 0 | All Passed |
+| Date Range Picker | 515 | 515 | 0 | All Passed |
+| Date Time Picker | 326 | 326 | 0 | All Passed |
+| Diagram | 16255 | 16255 | 0 | All Passed |
+| Dialog | 69 | 69 | 0 | All Passed |
+| DropDown Button | 132 | 132 | 0 | All Passed |
+| Dropdown List | 205 | 205 | 0 | All Passed |
+| Dropdown Tree | 106 | 106 | 0 | All Passed |
+| File Manager | 2197 | 2197 | 0 | All Passed |
+| Floating Action Button | 174 | 174 | 0 | All Passed |
+| Gantt | 4376 | 4376 | 0 | All Passed |
+| HeatMap Chart | 478 | 478 | 0 | All Passed |
+| Image Editor | 1653 | 1653 | 0 | All Passed |
+| In-place Editor | 643 | 643 | 0 | All Passed |
+| Kanban | 268 | 268 | 0 | All Passed |
+| LinearGauge | 426 | 426 | 0 | All Passed |
+| Listbox | 115 | 115 | 0 | All Passed |
+| ListView | 81 | 81 | 0 | All Passed |
+| Maps | 1244 | 1244 | 0 | All Passed |
+| Mention | 46 | 46 | 0 | All Passed |
+| Menu | 187 | 187 | 0 | All Passed |
+| Multicolumn Combo Box | 254 | 254 | 0 | All Passed |
+| Multiselect Dropdown | 445 | 445 | 0 | All Passed |
+| OTP Input | 240 | 240 | 0 | All Passed |
+| Pivot Table | 5348 | 5348 | 0 | All Passed |
+| Progress Bar | 83 | 83 | 0 | All Passed |
+| Progress Button | 132 | 132 | 0 | All Passed |
+| Query Builder | 480 | 480 | 0 | All Passed |
+| RadioButton | 45 | 45 | 0 | All Passed |
+| RangeNavigator | 140 | 140 | 0 | All Passed |
+| Rating | 198 | 198 | 0 | All Passed |
+| Ribbon | 625 | 625 | 0 | All Passed |
+| Rich Text Editor | 5136 | 5136 | 0 | All Passed |
+| schedule | 4645 | 4645 | 0 | All Passed |
+| sidebar | 86 | 86 | 0 | All Passed |
+| Signature | 105 | 105 | 0 | All Passed |
+| Skeleton | 144 | 144 | 0 | All Passed |
+| Slider | 147 | 147 | 0 | All Passed |
+| SmithChart | 49 | 49 | 0 | All Passed |
+| Sparkline | 57 | 57 | 0 | All Passed |
+| Speech To Text | 200 | 200 | 0 | All Passed |
+| Speed Dial | 366 | 366 | 0 | All Passed |
+| Split Button | 144 | 144 | 0 | All Passed |
+| Stepper | 91 | 91 | 0 | All Passed |
+| Stock Chart | 379 | 379 | 0 | All Passed |
+| Tab | 69 | 69 | 0 | All Passed |
+| Text Area | 107 | 107 | 0 | All Passed |
+| TextBox | 58 | 58 | 0 | All Passed |
+| Time Picker | 180 | 180 | 0 | All Passed |
+| Timeline | 213 | 213 | 0 | All Passed |
+| Toast | 139 | 139 | 0 | All Passed |
+| Toolbar | 135 | 135 | 0 | All Passed |
+| ToolTip | 132 | 132 | 0 | All Passed |
+| TreeGrid | 3859 | 3859 | 0 | All Passed |
+| Treemap | 326 | 326 | 0 | All Passed |
+| Treeview | 371 | 371 | 0 | All Passed |
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/grid/detail-row-events/index.js b/ej2-javascript/code-snippet/grid/detail-row-events/index.js
index 377a91553..16ce6bddf 100644
--- a/ej2-javascript/code-snippet/grid/detail-row-events/index.js
+++ b/ej2-javascript/code-snippet/grid/detail-row-events/index.js
@@ -19,7 +19,7 @@ var grid = new ej.grids.Grid({
     },
     detailCollapse: detailCollapse,
     detailExpand: detailExpand,
-    height: 260
+    height: 345
 });
 grid.appendTo('#Grid');
 
diff --git a/ej2-javascript/code-snippet/grid/detail-row-events/index.ts b/ej2-javascript/code-snippet/grid/detail-row-events/index.ts
index 1f9b08d1a..72ff96650 100644
--- a/ej2-javascript/code-snippet/grid/detail-row-events/index.ts
+++ b/ej2-javascript/code-snippet/grid/detail-row-events/index.ts
@@ -23,7 +23,7 @@ let grid: Grid = new Grid({
     },
     detailCollapse: detailCollapse,
     detailExpand: detailExpand,
-    height: 260
+    height: 345
 });
 grid.appendTo('#Grid');
 
diff --git a/ej2-javascript/code-snippet/grid/detail-row-events/js/index.html b/ej2-javascript/code-snippet/grid/detail-row-events/js/index.html
index cb2fcd824..21758dd69 100644
--- a/ej2-javascript/code-snippet/grid/detail-row-events/js/index.html
+++ b/ej2-javascript/code-snippet/grid/detail-row-events/js/index.html
@@ -6,17 +6,17 @@
     <meta name="description" content="Typescript Grid Control">
     <meta name="author" content="Syncfusion">
     <link href="index.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-base/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-grids/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-buttons/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-popups/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-navigations/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-lists/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-inputs/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-calendars/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet"> 
-<script src="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2.min.js" type="text/javascript"></script>
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-base/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-grids/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-buttons/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-popups/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-navigations/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-lists/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-inputs/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-calendars/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet"> 
+<script src="https://cdn.syncfusion.com/ej2/32.1.19/dist/ej2.min.js" type="text/javascript"></script>
 <script src="es5-datasource.js" type="text/javascript"></script>
 </head>
 <body>
@@ -67,11 +67,6 @@
     </table>
   </script>  
     <div id="container">
-            <div class="e-float-input" style="width: 250px; display: inline-block ;padding: 0px 30px 0px 0px">
-                <input id="rowindex" type="text" />
-                <span class="e-float-line"></span>
-              </div>
-              <button id="expand">Expand</button> 
         <div id="Grid"></div>        
     </div>
 <script>
diff --git a/ej2-javascript/code-snippet/grid/detail-row-events/systemjs.config.js b/ej2-javascript/code-snippet/grid/detail-row-events/systemjs.config.js
index 4cdd4d83f..28d59231b 100644
--- a/ej2-javascript/code-snippet/grid/detail-row-events/systemjs.config.js
+++ b/ej2-javascript/code-snippet/grid/detail-row-events/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
         }
     },
     paths: {
-        "syncfusion:": "https://cdn.syncfusion.com/ej2/31.2.12/"
+        "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.19/"
     },
     map: {
         main: "index.ts",
diff --git a/ej2-javascript/code-snippet/grid/detail-row-events/ts/index.html b/ej2-javascript/code-snippet/grid/detail-row-events/ts/index.html
index 64258642b..fe782b25c 100644
--- a/ej2-javascript/code-snippet/grid/detail-row-events/ts/index.html
+++ b/ej2-javascript/code-snippet/grid/detail-row-events/ts/index.html
@@ -7,16 +7,16 @@
     <meta name="description" content="Typescript Grid Control" />
     <meta name="author" content="Syncfusion" />
     <link href="index.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-base/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-grids/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-buttons/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-popups/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-navigations/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-lists/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-inputs/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-calendars/styles/bootstrap5.css" rel="stylesheet" />  
-    <link href="https://cdn.syncfusion.com/ej2/31.2.12/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-base/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-grids/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-buttons/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-popups/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-navigations/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-lists/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-inputs/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-calendars/styles/bootstrap5.css" rel="stylesheet" />  
+    <link href="https://cdn.syncfusion.com/ej2/32.1.19/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <script src="systemjs.config.js"></script>
 </head>
@@ -68,12 +68,7 @@
     </table>
   </script>  
     <div id='loader'>Loading....</div>
-    <div id='container'>
-        <div class="e-float-input" style="width: 250px; display: inline-block ;padding: 0px 30px 0px 0px">
-            <input id="rowindex" type="text" />
-            <span class="e-float-line"></span>
-          </div>
-          <button id="expand">Expand</button>     
+    <div id='container'> 
         <div id='Grid'></div>        
     </div>
 </body>
diff --git a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.css b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.css
index 0fba63172..764cd306c 100644
--- a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.css
+++ b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.css
@@ -1,5 +1,6 @@
 #container {
     visibility: hidden;
+    height: 250px;
 }
 
 #loader {
diff --git a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.js b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.js
index 2c3663f67..69232728d 100644
--- a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.js
+++ b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.js
@@ -1,5 +1,6 @@
 var grid = new ej.grids.Grid({
     dataSource: ordersTrackData,
+    height: 255,
     allowPaging: true,
     allowSorting: true,
     allowFiltering: true,
diff --git a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.ts b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.ts
index 49468628e..df8eb4127 100644
--- a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.ts
+++ b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/index.ts
@@ -5,6 +5,7 @@ Grid.Inject(Page, Filter, Sort, Edit, Toolbar);
 
 let grid: Grid = new Grid({
     dataSource: ordersTrackData,
+    height: 255,
     allowPaging: true,
     allowSorting: true,
     allowFiltering: true,
diff --git a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/js/index.html b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/js/index.html
index 9aefb08ff..6ffe648d6 100644
--- a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/js/index.html
+++ b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/js/index.html
@@ -6,19 +6,19 @@
     <meta name="description" content="Typescript Grid Control">
     <meta name="author" content="Syncfusion">
     <link href="index.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-base/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-grids/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-buttons/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-popups/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-richtexteditor/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-navigations/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-lists/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-inputs/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-calendars/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-notifications/styles/bootstrap5.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet">
-<script src="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2.min.js" type="text/javascript"></script>
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-base/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-grids/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-buttons/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-popups/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-richtexteditor/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-navigations/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-lists/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-inputs/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-calendars/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-notifications/styles/bootstrap5.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet">
+<script src="https://cdn.syncfusion.com/ej2/32.1.20/dist/ej2.min.js" type="text/javascript"></script>
 <script src="es5-datasource.js" type="text/javascript"></script>
 </head>
 <body>
diff --git a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/systemjs.config.js b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/systemjs.config.js
index 0ede08186..1f3f8df1b 100644
--- a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/systemjs.config.js
+++ b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/systemjs.config.js
@@ -10,7 +10,7 @@ System.config({
         }
     },
     paths: {
-        "syncfusion:": "https://cdn.syncfusion.com/ej2/31.2.2/"
+        "syncfusion:": "https://cdn.syncfusion.com/ej2/32.1.20/"
     },
     map: {
         main: "index.ts",
diff --git a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/ts/index.html b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/ts/index.html
index 1f03f8dbb..4276cb817 100644
--- a/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/ts/index.html
+++ b/ej2-javascript/code-snippet/grid/prevent-checkbox-selection/ts/index.html
@@ -7,18 +7,18 @@
     <meta name="description" content="Typescript Grid Control" />
     <meta name="author" content="Syncfusion" />
     <link href="index.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-base/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-grids/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-buttons/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-popups/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-richtexteditor/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-navigations/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-lists/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-inputs/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-calendars/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-notifications/styles/bootstrap5.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.2.2/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-base/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-grids/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-buttons/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-popups/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-richtexteditor/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-navigations/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-dropdowns/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-lists/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-inputs/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-calendars/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-notifications/styles/bootstrap5.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/32.1.20/ej2-splitbuttons/styles/bootstrap5.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <script src="systemjs.config.js"></script>
 </head>
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.css b/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.css
index 8c0a8c65d..0fba63172 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.css
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.css
@@ -1,6 +1,5 @@
 #container {
     visibility: hidden;
-    height: 350px;
 }
 
 #loader {
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.js b/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.js
index 03acb29d4..bfdd2d519 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.js
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.js
@@ -6,7 +6,7 @@ var grid = new ej.grids.Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.ts b/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.ts
index 26a2602cb..76e9883af 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.ts
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs1/index.ts
@@ -9,7 +9,7 @@ var grid : Grid = new Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.css b/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.css
index 0fba63172..db77bc537 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.css
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.css
@@ -1,5 +1,6 @@
 #container {
     visibility: hidden;
+    height: 200px;
 }
 
 #loader {
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.js b/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.js
index e51b63d5b..781511200 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.js
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.js
@@ -8,7 +8,7 @@ var grid = new ej.grids.Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.ts b/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.ts
index 1e34da7f9..4dfc0f813 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.ts
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs2/index.ts
@@ -12,7 +12,7 @@ var grid : Grid = new Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.css b/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.css
index 0fba63172..db77bc537 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.css
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.css
@@ -1,5 +1,6 @@
 #container {
     visibility: hidden;
+    height: 200px;
 }
 
 #loader {
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.js b/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.js
index e68eaa313..428939042 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.js
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.js
@@ -10,7 +10,7 @@ var grid = new ej.grids.Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.ts b/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.ts
index 02c205279..ba21fc74e 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.ts
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs3/index.ts
@@ -16,7 +16,7 @@ var grid : Grid = new Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.css b/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.css
index 0fba63172..db77bc537 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.css
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.css
@@ -1,5 +1,6 @@
 #container {
     visibility: hidden;
+    height: 200px;
 }
 
 #loader {
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.js b/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.js
index c4de278cd..3eb561934 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.js
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.js
@@ -7,7 +7,7 @@ var grid = new ej.grids.Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     {type: 'checkbox', textAlign: 'Left', width: 50, },
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.ts b/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.ts
index 7d82b065e..67f9e0a44 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.ts
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs4/index.ts
@@ -12,7 +12,7 @@ var grid : Grid = new Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     {type: 'checkbox', textAlign: 'Left', width: 50, },
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.css b/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.css
index 0fba63172..db77bc537 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.css
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.css
@@ -1,5 +1,6 @@
 #container {
     visibility: hidden;
+    height: 200px;
 }
 
 #loader {
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.js b/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.js
index abeacfb35..f1b54d9be 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.js
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.js
@@ -9,7 +9,7 @@ var grid = new ej.grids.Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.ts b/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.ts
index d8c461026..9a486c5c6 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.ts
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs5/index.ts
@@ -15,7 +15,7 @@ var grid : Grid = new Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.css b/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.css
index 0fba63172..db77bc537 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.css
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.css
@@ -1,5 +1,6 @@
 #container {
     visibility: hidden;
+    height: 200px;
 }
 
 #loader {
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.js b/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.js
index a0afb3d4c..21903e13b 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.js
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.js
@@ -8,7 +8,7 @@ var grid = new ej.grids.Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.ts b/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.ts
index 02eb68352..104f3486e 100644
--- a/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.ts
+++ b/ej2-javascript/code-snippet/grid/rows-pinning-cs6/index.ts
@@ -13,7 +13,7 @@ var grid : Grid = new Grid({
     }
     return false;
   },
-  height: 200,
+  height: 210,
   columns: [
     { field: 'TaskID', headerText: 'Task ID', width: 100, isPrimaryKey: true, textAlign: 'Right' },
     { field: 'Title', headerText: 'Title', width: 100 },
diff --git a/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.js b/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.js
index cc92d61b9..15b2b45b3 100644
--- a/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.js
+++ b/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.js
@@ -13,7 +13,5 @@ var editor = new ej.richtexteditor.RichTextEditor({
 editor.appendTo('#editor');
 
 function imageUploading(args){
-        let accessToken = "Authorization_token";
-        // adding custom form Data
-        args.customFormData = [ { 'Authorization': accessToken}];
+        args.currentRequest.setRequestHeader('Authorization', 'Syncfusion');
 }
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.ts b/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.ts
index b75bfe7cd..1863120bd 100644
--- a/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.ts
+++ b/ej2-javascript/code-snippet/rich-text-editor/image-upload-authentication/index.ts
@@ -15,7 +15,5 @@ let editor: RichTextEditor = new RichTextEditor({
 editor.appendTo('#editor');
 
 function imageUploading(args: UploadingEventArgs){
-        let accessToken = "Authorization_token";
-        // adding custom form Data
-        args.customFormData = [ { 'Authorization': accessToken}];
+        args.currentRequest.setRequestHeader('Authorization', 'Syncfusion');
 }
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/textarea/adornments-cs1/systemjs.config.js b/ej2-javascript/code-snippet/textarea/adornments-cs1/systemjs.config.js
index 70527334b..48860a615 100644
--- a/ej2-javascript/code-snippet/textarea/adornments-cs1/systemjs.config.js
+++ b/ej2-javascript/code-snippet/textarea/adornments-cs1/systemjs.config.js
@@ -21,7 +21,11 @@ System.config({
         "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
         "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
         "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
-        "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js"
+        "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+        "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+        "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+        "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+        "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js"
     }
 });
 
diff --git a/ej2-javascript/grid/filtering/filtering.md b/ej2-javascript/grid/filtering/filtering.md
index 86c1fc4f7..ea8a73311 100644
--- a/ej2-javascript/grid/filtering/filtering.md
+++ b/ej2-javascript/grid/filtering/filtering.md
@@ -13,9 +13,9 @@ domainurl: ##DomainURL##
 
 Filtering is a powerful feature in the Syncfusion<sup style="font-size:70%">&reg;</sup> Grid control that enables you to selectively view data based on specific criteria. It allows you to narrow down large datasets and focus on the information you need, thereby enhancing data analysis and decision-making.
 
-To use filter, inject the [Filter](../../api/grid/filter/) module in the grid.
+To use filter, inject the [Filter](../../api/grid/filter) module in the grid.
 
-To enable filtering in the Grid, you need to set the [allowFiltering](../../api/grid/#allowfiltering) property of the Grid control to true. Once filtering is enabled, you can configure various filtering options through the [filterSettings](../../api/grid/filterSettings/) property of the Grid control. This property allows you to define the behavior and appearance of the filter.
+To enable filtering in the Grid, you need to set the [allowFiltering](../../api/grid#allowfiltering) property of the Grid control to true. Once filtering is enabled, you can configure various filtering options through the [filterSettings](../../api/grid/filterSettings) property of the Grid control. This property allows you to define the behavior and appearance of the filter.
 
 Here is an example that demonstrates the default filtering feature of the grid:
 
@@ -46,12 +46,12 @@ Here is an example that demonstrates the default filtering feature of the grid:
 {% previewsample "page.domainurl/code-snippet/grid/grid-cs70" %}
 {% endif %}
 
-> * You can apply and clear filtering, by using [filterByColumn](../../api/grid/filter/#filterbycolumn) and [clearFiltering](../../api/grid/filter/#clearfiltering) methods.
-> * To disable Filtering for a particular column, by specifying [columns->allowFiltering](../../api/grid/column/#allowfiltering) to false.
+> * You can apply and clear filtering, by using [filterByColumn](../../api/grid/filter#filterbycolumn) and [clearFiltering](../../api/grid/filter#clearfiltering) methods.
+> * To disable Filtering for a particular column, by specifying [columns->allowFiltering](../../api/grid/column#allowfiltering) to false.
 
 ## Initial filter
 
-To apply an initial filter, you need to specify the filter criteria using the [predicate](../../api/grid/predicate/) object in [filterSettings->columns](../../api/grid/filterSettingsModel/#columns). The `predicate` object represents the filtering condition and contains properties such as field, operator, and value.
+To apply an initial filter, you need to specify the filter criteria using the [predicate](../../api/grid/predicate) object in [filterSettings->columns](../../api/grid/filterSettingsModel#columns). The `predicate` object represents the filtering condition and contains properties such as field, operator, and value.
 
 Here is an example of how to configure the initial filter using the `predicate` object:
 
@@ -86,7 +86,7 @@ Here is an example of how to configure the initial filter using the `predicate`
 
 In the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid, you can establish an initial filter containing multiple values for a particular column, which helps you to preset filter conditions for a specific column using multiple values. This functionality allows you to display a filtered records in the grid right after the grid is initially loaded.
 
-To apply the filter with multiple values for same column at initial rendering, set the filter [predicate](../../api/grid/predicate/) object in [filterSettings->columns](../../api/grid/filterSettingsModel/#columns).
+To apply the filter with multiple values for same column at initial rendering, set the filter [predicate](../../api/grid/predicate) object in [filterSettings->columns](../../api/grid/filterSettingsModel#columns).
 
 The following example demonstrates, how to perform an initial filter with multiple values for same **CustomerID** column using `filterSettings.columns` and `predicate`.
 
@@ -121,7 +121,7 @@ The following example demonstrates, how to perform an initial filter with multip
 
 By applying an initial filter with multiple values for different columns in the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid, you have the flexibility to set predefined filter settings for each column. This results in a filtered records of the grid right after the grid is initially loaded.
 
-To apply the filter with multiple values for different column at initial rendering, set the filter [predicate](../../api/grid/predicate/) object in [filterSettings->columns](../../api/grid/filterSettingsModel/#columns).
+To apply the filter with multiple values for different column at initial rendering, set the filter [predicate](../../api/grid/predicate) object in [filterSettings->columns](../../api/grid/filterSettingsModel#columns).
 
 The following example demonstrates how to perform an initial filter with multiple values for different **Order ID** and **Customer ID** columns using `filterSettings.columns` and `predicate`.
 
@@ -154,7 +154,7 @@ The following example demonstrates how to perform an initial filter with multipl
 
 ## Filter operators
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Grid control provides various filter operators that can be used to define filter conditions for columns. The filter operator for a column can be defined using the [operator](../../api/grid/predicateModel/#operator) property in the [filterSettings->columns](../../api/grid/filterSettings/#columns) object.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Grid control provides various filter operators that can be used to define filter conditions for columns. The filter operator for a column can be defined using the [operator](../../api/grid/predicateModel#operator) property in the [filterSettings->columns](../../api/grid/filterSettings#columns) object.
 
 The available operators and its supported data types are,
 
@@ -207,7 +207,7 @@ a* |Everything that starts with "a".
 The **LIKE** filter can process single search patterns using the "%" symbol, retrieving values matching the specified patterns. The following Grid features support LIKE filtering on string-type columns:
 
 * Filter Menu
-* Filter Bar with the [filterSettings->showFilterBarOperator](../../api/grid/filter/#showFilterBarOperator) property enabled on the Grid [filterSettings](../../api/grid/filterSettings/).
+* Filter Bar with the [filterSettings->showFilterBarOperator](../../api/grid/filter#showFilterBarOperator) property enabled on the Grid [filterSettings](../../api/grid/filterSettings).
 * Custom Filter of Excel filter type.
 
 **For example:**
@@ -224,7 +224,7 @@ ab% |Returns all the value that are ends with "ab" character.
 
 ## Diacritics filter
 
-The diacritics filter feature in the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid is useful when working with text data that includes accented characters (diacritic characters). By default, the grid ignores these characters during filtering. However, if you need to consider diacritic characters in your filtering process, you can enable this feature by setting the [filterSettings->ignoreAccent](../../api/grid/filter/#filterbycolumn) property to true using the [filterSettings](../../api/grid/filterSettings/).
+The diacritics filter feature in the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid is useful when working with text data that includes accented characters (diacritic characters). By default, the grid ignores these characters during filtering. However, if you need to consider diacritic characters in your filtering process, you can enable this feature by setting the [filterSettings->ignoreAccent](../../api/grid/filter#filterbycolumn) property to true using the [filterSettings](../../api/grid/filterSettings).
 
 Consider the following sample where the `ignoreAccent` property is set to true in order to include diacritic characters in the filtering process:
 
@@ -257,7 +257,7 @@ Consider the following sample where the `ignoreAccent` property is set to true i
 
 ## Perform ENUM column filtering
 
-The Syncfusion ##Platform_Name## Grid allows you to filter enum-type data using the [FilterBarTemplate](../../api/grid/column/#filterbartemplate) feature. This is particularly useful for filtering predefined values, such as categories or statuses.
+The Syncfusion ##Platform_Name## Grid allows you to filter enum-type data using the [FilterBarTemplate](../../api/grid/column#filterbartemplate) feature. This is particularly useful for filtering predefined values, such as categories or statuses.
 
 To achieve this functionality:
 
@@ -267,13 +267,13 @@ To achieve this functionality:
 
 {% elsif page.publishingplatform == "javascript" %}
 
-1. Render [DropDownList](https://ej2.syncfusion.com/javascript/documentation/drop-down-list/getting-started) in the `FilterBarTemplate` for the enum-type column.
+1. Render [DropDownList](https://ej2.syncfusion.com/javascript/documentation/drop-down-list/es5-getting-started) in the `FilterBarTemplate` for the enum-type column.
 
 {% endif %}
 
 2. Bind the enumerated list data to the column.
 
-3. Use the [template](../../api/grid/column/#template) property in the **Type** column to display enum values in a readable format.
+3. Use the [template](../../api/grid/column#template) property in the **Type** column to display enum values in a readable format.
 
 4. In the [change](../../api/drop-down-list#change) event of the **DropDownList**, dynamically filter the column using the [filterByColumn](../../api/grid#filterbycolumn) method of the Syncfusion ##Platform_Name## Grid.
 
@@ -308,7 +308,7 @@ Below is an example demonstrating how to filter enum-type data in a Syncfusion #
 
 ## Filtering with case sensitivity
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid provides the flexibility to enable or disable case sensitivity during filtering. This feature is useful when you want to control whether filtering operations should consider the case of characters. It can be achieved by using the  [enableCaseSensitivity](../../api/grid/filterSettings/#enablecasesensitivity) property within the [filterSettings](../../api/grid/filterSettings) of the grid.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid provides the flexibility to enable or disable case sensitivity during filtering. This feature is useful when you want to control whether filtering operations should consider the case of characters. It can be achieved by using the  [enableCaseSensitivity](../../api/grid/filterSettings#enablecasesensitivity) property within the [filterSettings](../../api/grid/filterSettings) of the grid.
 
 Below is an example code demonstrating how to enable or disable case sensitivity while filtering:
 
@@ -343,7 +343,7 @@ Below is an example code demonstrating how to enable or disable case sensitivity
 
 The Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid offers the flexibility to customize filtering behavior for different columns by enabling various types of filters such as **Menu**, **Excel**, **Checkbox**. This feature allows you to tailor the filtering experience to suit the specific needs of each column in your grid. For example, you might prefer a menu-based filter for a category column, an Excel-like filter for a date column, and a checkbox filter for a status column. 
 
-It can be achieved by adjusting the [column->filter->type](../../api/grid/column/#filter) property based on your requirements.
+It can be achieved by adjusting the [column->filter->type](../../api/grid/column#filter) property based on your requirements.
 
 Here's an example where the menu filter is enabled by default for all columns, but you can dynamically modify the filter types through a dropdown:
 
@@ -376,7 +376,7 @@ Here's an example where the menu filter is enabled by default for all columns, b
 
 ## Change default filter operator for particular column
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Grid control provides the flexibility to change the default filter operator for a particular column. By default, the filter operator for string-type columns is **startswith**, for numerical-type columns is **equal**, and for boolean-type columns is also **equal**. However, you may need to customize the filter operator to better match the nature of the data in a specific column. This can be achieved using the operator property within the [filterSettings](../../api/grid/#filtersettings) configuration.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Grid control provides the flexibility to change the default filter operator for a particular column. By default, the filter operator for string-type columns is **startswith**, for numerical-type columns is **equal**, and for boolean-type columns is also **equal**. However, you may need to customize the filter operator to better match the nature of the data in a specific column. This can be achieved using the operator property within the [filterSettings](../../api/grid#filtersettings) configuration.
 
 Here's an example that demonstrates how to change the default filter operator column :
 
@@ -411,7 +411,7 @@ Here's an example that demonstrates how to change the default filter operator co
 
 Programmatic filtering in the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid with single and multiple values allows you to apply filters to specific columns in the grid without relying on interactions through the interface.
 
-This can be achieved by utilizing the [filterByColumn](../../api/grid/#filterbycolumn) method of the Grid.
+This can be achieved by utilizing the [filterByColumn](../../api/grid#filterbycolumn) method of the Grid.
 
 The following example demostrates, how to programmatically filter the Grid using single and multiple values for the **OrderID** and **CustomerID** columns. This is accomplished by calling the `filterByColumn` method within an external button click function.
 
@@ -448,7 +448,7 @@ Retrieving filtered records in the Syncfusion<sup style="font-size:70%">&reg;</s
 
 **1.Using the getFilteredRecords() method**
 
-The [getFilteredRecords](../../api/grid/#getfilteredrecords) method is used to obtain an array of records that match the currently applied filters on the grid.
+The [getFilteredRecords](../../api/grid#getfilteredrecords) method is used to obtain an array of records that match the currently applied filters on the grid.
 
 This method retrieves an array of records that match the currently applied filters on the grid.
 
@@ -483,15 +483,15 @@ Here's an example of how to get the filtering data in a Syncfusion<sup style="fo
 
 **2.Using the properties in the FilterEventArgs object**
 
-Alternatively, you can use the properties available in the [FilterEventArgs](../../api/grid/filterEventArgs/) object to obtain the filter record details.
+Alternatively, you can use the properties available in the [FilterEventArgs](../../api/grid/filterEventArgs) object to obtain the filter record details.
 
-* [columns](../../api/grid/filterEventArgs/#columns): This property returns the collection of filtered columns.
+* [columns](../../api/grid/filterEventArgs#columns): This property returns the collection of filtered columns.
 
-* [currentFilterObject](../..api/grid/filterEventArgs/#currentfilterobject): This property returns the object that is currently filtered.
+* [currentFilterObject](../..api/grid/filterEventArgs#currentfilterobject): This property returns the object that is currently filtered.
 
-* [currentFilteringColumn](../../api/grid/filterEventArgs/#currentfilteringcolumn): This property returns the column name that is currently filtered.
+* [currentFilteringColumn](../../api/grid/filterEventArgs#currentfilteringcolumn): This property returns the column name that is currently filtered.
 
-To access these properties, you can use the [actionComplete](../../api/grid/#actioncomplete) event handler as shown below:
+To access these properties, you can use the [actionComplete](../../api/grid#actioncomplete) event handler as shown below:
 
 ```typescript
 actionComplete(args: FilterEventArgs) {
@@ -502,7 +502,7 @@ actionComplete(args: FilterEventArgs) {
 ```
 ## Clear filtering using methods
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Grid provides a method called [clearFiltering](../../api/grid/#clearfiltering) to clear the filtering applied to the grid. This method is used to remove the filter conditions and reset the grid to its original state. 
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Grid provides a method called [clearFiltering](../../api/grid#clearfiltering) to clear the filtering applied to the grid. This method is used to remove the filter conditions and reset the grid to its original state. 
 
 Here's an example of how to clear the filtering in a Syncfusion<sup style="font-size:70%">&reg;</sup> grid using the `clearFiltering` method:
 
@@ -537,7 +537,7 @@ Here's an example of how to clear the filtering in a Syncfusion<sup style="font-
 
 Filtering events allow you to customize the behavior of the grid when filtering is applied. You can prevent filtering for specific columns, show messages to users, or perform other actions to suit your application's needs.
 
-To implement filtering events in the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid, you can utilize the available events such as [actionBegin](../..api/grid/#actionbegin) and [actionComplete](../../api/grid/#actioncomplete). These events allow you to intervene in the filtering process and customize it as needed.
+To implement filtering events in the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid, you can utilize the available events such as [actionBegin](../..api/grid#actionbegin) and [actionComplete](../../api/grid#actioncomplete). These events allow you to intervene in the filtering process and customize it as needed.
 
 In the given example, the filtering is prevented for **ShipCity** column during `actionBegin` event.
 
@@ -570,7 +570,6 @@ In the given example, the filtering is prevented for **ShipCity** column during
 
 ## See Also
 
-* [Customizing Filter Dialog by using an additional parameter](../how-to/add-params-for-filtering)
 * [How to implement 'not contains' operator for Grid filtering](https://support.syncfusion.com/kb/article/11092/how-to-implement-not-contains-operator-for-grid-filtering)
 * [How to filter custom date ranges in Grid column using date range picker](https://support.syncfusion.com/kb/article/11016/how-to-filter-custom-date-ranges-in-grid-column-using-date-range-picker)
 * [How to filter multiple records using the filter bar template](https://support.syncfusion.com/kb/article/10143/how-to-filter-multiple-records-using-the-filter-bar-template-in-javascript-grid)
diff --git a/ej2-javascript/grid/row/row-pinning.md b/ej2-javascript/grid/row/row-pinning.md
index 8cee2d8f2..bdd098c6e 100644
--- a/ej2-javascript/grid/row/row-pinning.md
+++ b/ej2-javascript/grid/row/row-pinning.md
@@ -30,7 +30,7 @@ The following example pins rows with "Critical" priority and "Open" status at th
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs1" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs1" %}
 
 {% elsif page.publishingplatform == "javascript" %}
 
@@ -43,7 +43,7 @@ The following example pins rows with "Critical" priority and "Open" status at th
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs1" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs1" %}
 {% endif %}
 
 > Pinning rows requires a primary key column for mapping the pinned rows to their original records. To define the primary key, set [columns->isPrimaryKey](../../api/grid/column#isprimarykey) to **true** in particular column.
@@ -63,7 +63,7 @@ Row pinning in the Grid control keeps important rows visible at the top while na
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs1" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs1" %}
 
 {% elsif page.publishingplatform == "javascript" %}
 
@@ -76,7 +76,7 @@ Row pinning in the Grid control keeps important rows visible at the top while na
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs2" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs2" %}
 {% endif %}
 
 ## Pinned rows selection
@@ -94,7 +94,7 @@ Pinned rows can be selected in the same way as regular rows. Their selection sta
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs4" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs4" %}
 
 {% elsif page.publishingplatform == "javascript" %}
 
@@ -107,7 +107,7 @@ Pinned rows can be selected in the same way as regular rows. Their selection sta
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs4" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs4" %}
 {% endif %}
 
 > The [selectionSettings->persistSelection](../../api/grid/selectionsettings#persistselection) will be automatically enabled when pinning the rows using the `isRowPinned` callback function.
@@ -129,7 +129,7 @@ When sorting is applied to any column, pinned rows are reordered using the same
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs3" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs3" %}
 
 {% elsif page.publishingplatform == "javascript" %}
 
@@ -142,7 +142,7 @@ When sorting is applied to any column, pinned rows are reordered using the same
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs3" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs3" %}
 {% endif %}
 
 
@@ -161,7 +161,7 @@ Row pinning fully supports CRUD operations by keeping pinned rows and their corr
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs5" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs5" %}
 
 {% elsif page.publishingplatform == "javascript" %}
 
@@ -174,7 +174,7 @@ Row pinning fully supports CRUD operations by keeping pinned rows and their corr
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs5" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs5" %}
 {% endif %}
 
 ## Dynamic row pinning
@@ -192,7 +192,7 @@ Row pinning provides dynamic control through the built-in context menu, allowing
 {% endhighlight %}
 {% endtabs %}
         
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs6" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs6" %}
 
 {% elsif page.publishingplatform == "javascript" %}
 
@@ -205,7 +205,7 @@ Row pinning provides dynamic control through the built-in context menu, allowing
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/code-snippet/grid/rows-pinning-cs6" %}
+{% previewsample "page.domainurl/code-snippet/grid/rows-pinning-cs6" %}
 {% endif %}
 
 ## Limitation
diff --git a/ej2-javascript/grid/style-and-appearance/filtering.md b/ej2-javascript/grid/style-and-appearance/filtering.md
index 3befa9a53..99006548b 100644
--- a/ej2-javascript/grid/style-and-appearance/filtering.md
+++ b/ej2-javascript/grid/style-and-appearance/filtering.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Filtering in ##Platform_Name## Grid control | Syncfusion
-description: Learn here all about Filtering in Syncfusion ##Platform_Name## Grid control of Syncfusion Essential JS 2 and more.
+title: Filter customization in ##Platform_Name## Grid control | Syncfusion
+description: Learn here all about Filter customization in Syncfusion ##Platform_Name## Grid control of Syncfusion Essential JS 2 and more.
 platform: ej2-javascript
 control: Filtering 
 publishingplatform: ##Platform_Name##
@@ -9,7 +9,7 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Filtering in ##Platform_Name## Grid control
+# Filter customization in ##Platform_Name## Grid control
 
 You can customize the appearance of filtering elements in the Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid control using CSS. Below are examples of how to customize various filtering elements, including filter bar cell elements, filter bar input elements, focus styles, clear icons, filter icons, filter dialog content, filter dialog footer, filter dialog input elements, filter dialog button elements, and Excel filter dialog number filters.
 
diff --git a/ej2-javascript/rich-text-editor/accessibility.md b/ej2-javascript/rich-text-editor/accessibility.md
index 1f5a0e02a..fe9259c59 100644
--- a/ej2-javascript/rich-text-editor/accessibility.md
+++ b/ej2-javascript/rich-text-editor/accessibility.md
@@ -96,7 +96,7 @@ For more details on keyboard navigation, refer to the [Keyboard support](./keybo
 
 ### Customizing shortcut keys
 
-You can customize shortcut keys using the [formatter](../../api/rich-text-editor/#formatter) property.This allows you to configure custom key combinations for various actions in the Rich Text Editor. For example, you can set `ctrl+q` to open the `Insert Hyperlink` dialog.
+You can customize shortcut keys using the [formatter](https://ej2.syncfusion.com/documentation/api/rich-text-editor/index-default#formatter) property.This allows you to configure custom key combinations for various actions in the Rich Text Editor. For example, you can set `ctrl+q` to open the `Insert Hyperlink` dialog.
 
 {% if page.publishingplatform == "typescript" %}
 
diff --git a/ej2-javascript/rich-text-editor/insert-image-media/insert-images.md b/ej2-javascript/rich-text-editor/insert-image-media/insert-images.md
index 0cb458ba5..5c1f36c2f 100644
--- a/ej2-javascript/rich-text-editor/insert-image-media/insert-images.md
+++ b/ej2-javascript/rich-text-editor/insert-image-media/insert-images.md
@@ -11,11 +11,11 @@ domainurl: ##DomainURL##
 
 # Images in ##Platform_Name## Rich text editor control
 
-Rich Text Editor allows to insert images in your content from online sources as well as local computer. For inserting an image to the Rich Text Editor, the following list of options have been provided in the [insertImageSettings](../api/rich-text-editor/imageSettings/#imagesettings)
+Rich Text Editor allows to insert images in your content from online sources as well as local computer. For inserting an image to the Rich Text Editor, the following list of options have been provided in the [insertImageSettings](../api/rich-text-editor/imageSettings#imagesettings)
 
 ## Configuring image tool in the toolbar
 
-You can add an `Image` tool in the Rich Text Editor toolbar using the `toolbarSettings` [items](https://ej2.syncfusion.com/angular/documentation/api/rich-text-editor/toolbarSettings/#items) property.
+You can add an `Image` tool in the Rich Text Editor toolbar using the `toolbarSettings` [items](https://ej2.syncfusion.com/angular/documentation/api/rich-text-editor/toolbarSettings#items) property.
 
 To configure the `Image` toolbar item, refer to the below code.
 
@@ -48,7 +48,7 @@ To configure the `Image` toolbar item, refer to the below code.
 
 ## Supported image save formats
 
-The images can be saved as `Blob` or `Base64` URL by using the [insertImageSettings.saveFormat](https://ej2.syncfusion.com/angular/documentation/api/rich-text-editor/imageSettingsModel/#saveformat) property, which is of enum type, and the generated URL will be set to the `src` attribute of the `<source>` tag.
+The images can be saved as `Blob` or `Base64` URL by using the [insertImageSettings.saveFormat](https://ej2.syncfusion.com/angular/documentation/api/rich-text-editor/imageSettingsModel#saveformat) property, which is of enum type, and the generated URL will be set to the `src` attribute of the `<source>` tag.
 
 ```HTML
 
@@ -58,7 +58,7 @@ The images can be saved as `Blob` or `Base64` URL by using the [insertImageSetti
 
 ```
 
-The code snippet below illustrates the configuration of the [insertImageSettings.saveFormat](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#saveformat) property in the Rich Text Editor.
+The code snippet below illustrates the configuration of the [insertImageSettings.saveFormat](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#saveformat) property in the Rich Text Editor.
 
 
 {% if page.publishingplatform == "typescript" %}
@@ -105,13 +105,13 @@ To insert images from a file manager, enable the `FileManager` tool on the edito
 To integrate the file manager into the Rich Text Editor, follow these steps:
 
 * Configure the `FileManager` toolbar item in the `toolbarSettings` API `items` property.
-* Set the [enable](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#enabled) property to `true` in the [fileManagerSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#filemanagersettings) property to ensure the file browser appears upon clicking the `FileManager` toolbar item.
+* Set the [enable](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#enabled) property to `true` in the [fileManagerSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#filemanagersettings) property to ensure the file browser appears upon clicking the `FileManager` toolbar item.
 
 > Rich Text Editor features are segregated into individual feature-wise modules. To use the file browser tool, inject FileManager module using the `RichTextEditor.Inject(FileManager)`.
 
 ## Maximum file size restriction
 
-You can restrict the image uploaded from the local machine when the uploaded image file size is greater than the allowed size by using the [maxFileSize](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#maxfilesize) property. By default, the maximum file size is 30000000 bytes. You can configure this size as follows.
+You can restrict the image uploaded from the local machine when the uploaded image file size is greater than the allowed size by using the [maxFileSize](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#maxfilesize) property. By default, the maximum file size is 30000000 bytes. You can configure this size as follows.
 
 ```ts
 
@@ -123,11 +123,11 @@ You can restrict the image uploaded from the local machine when the uploaded ima
 
 ## Saving images to server
 
-Upload the selected image to a specified destination using the controller action specified in [insertImageSettings.saveUrl](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#saveurl). Ensure to map this method name appropriately and provide the required destination path through the [insertImageSettings.path](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#path) properties.
+Upload the selected image to a specified destination using the controller action specified in [insertImageSettings.saveUrl](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#saveurl). Ensure to map this method name appropriately and provide the required destination path through the [insertImageSettings.path](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#path) properties.
 
-Configure [insertImageSettings.removeUrl](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#removeurl) to point to the endpoint responsible for deleting image files.
+Configure [insertImageSettings.removeUrl](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#removeurl) to point to the endpoint responsible for deleting image files.
 
-Set the [insertImageSettings.saveFormat](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#saveformat) property to determine whether the image should be saved as Blob or Base64, aligning with your application's requirements.
+Set the [insertImageSettings.saveFormat](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#saveformat) property to determine whether the image should be saved as Blob or Base64, aligning with your application's requirements.
 
 {% if page.publishingplatform == "typescript" %}
 
@@ -215,13 +215,14 @@ public class HomeController : Controller
 
 ### Rename images before inserting
 
-You can use the [insertImageSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#insertimagesettings) property, to specify the server handler to upload the selected image. Then by binding the [imageUploadSuccess](https://ej2.syncfusion.com/documentation/api/rich-text-editor/#imageuploadsuccess) event, you can receive the modified file name from the server and update it in the Rich Text Editor's insert image dialog.
+You can use the [insertImageSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#insertimagesettings) property, to specify the server handler to upload the selected image. Then by binding the [imageUploadSuccess](https://ej2.syncfusion.com/documentation/api/rich-text-editor#imageuploadsuccess) event, you can receive the modified file name from the server and update it in the Rich Text Editor's insert image dialog.
 
 Refer the section [Rename images before inserting it in Rich Text Editor](../how-to/rename-images-in-server.md) for code snippets and examples.
 
 ### Secure image upload with authentication
 
-You can add additional data with the image uploaded from the Rich Text Editor on the client side, which can even be received on the server side. By using the [imageUploading](https://ej2.syncfusion.com/documentation/api/rich-text-editor/#imageuploading) event and its `customFormData` argument, you can pass parameters to the controller action. On the server side, you can fetch the custom headers by accessing the form collection from the current request, which retrieves the values sent using the POST method.
+You can add additional data with the image uploaded from the Rich Text Editor on the client side, which can even be received on the server side. By using the [imageUploading](https://ej2.syncfusion.com/documentation/api/rich-text-editor#imageuploading) event and it's arguments you can access the current request and set the request header within these event. On the server side, you can fetch the custom headers by accessing the form collection from the current request, which retrieves the values sent using the POST method.
+
 
 > By default, it doesn't support the `UseDefaultCredentials` property, you can manually append the default credentials with the upload request.
 
@@ -259,7 +260,7 @@ public void SaveFiles(IList<IFormFile> UploadFiles)
 
 ## Image replacement functionality
 
-Once a image file has been inserted, you can replace it using the Rich Text Editor [quickToolbarSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#quicktoolbarsettings) `imageReplace` option. You can replace the image file either by using the web URL or the browse option in the image dialog.
+Once a image file has been inserted, you can replace it using the Rich Text Editor [quickToolbarSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#quicktoolbarsettings) `imageReplace` option. You can replace the image file either by using the web URL or the browse option in the image dialog.
 
 ## Deleting image
 
@@ -334,7 +335,7 @@ The following sample demonstrates how to use the afterImageDelete event in Rich
 
 ## Adjusting image dimensions
 
-Sets the default width and height of the image when it is inserted in the Rich Text Editor using [width](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#width) and [height](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#height) of the [insertImageSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#insertimagesettings) property.
+Sets the default width and height of the image when it is inserted in the Rich Text Editor using [width](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#width) and [height](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#height) of the [insertImageSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#insertimagesettings) property.
 
 Through the quick toolbar, change the width and height using `Change Size` option. Once you click, the Image Size dialog box will open as follows. In that you can specify the width and height of the image in pixel.
 
@@ -342,7 +343,7 @@ Through the quick toolbar, change the width and height using `Change Size` optio
 
 ## Adding captions and Alt text
 
-Image caption and alternative text can be specified for the inserted image in the Rich Text Editor through the [quickToolbarSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#quicktoolbarsettings) property. It has following two options,
+Image caption and alternative text can be specified for the inserted image in the Rich Text Editor through the [quickToolbarSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#quicktoolbarsettings) property. It has following two options,
 
 * Image Caption
 * Alternative Text.
@@ -353,7 +354,7 @@ By clicking the Image Caption, the image will get wrapped in an image element wi
 
 ## Configuring image display position
 
-Sets the default display for an image when it is inserted in the Rich Text Editor using [display](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel/#display) field in [insertImageSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#insertimagesettings). It has two possible options: 'inline' and 'block'.
+Sets the default display for an image when it is inserted in the Rich Text Editor using [display](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/imageSettingsModel#display) field in [insertImageSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#insertimagesettings). It has two possible options: 'inline' and 'block'.
 
 ```ts
 
@@ -441,7 +442,7 @@ You can prevent drag-and-drop action by setting the actionBegin argument cancel
 
 The Rich Text Editor allows you to customize the image quick toolbar, providing Essential tools such as 'Replace', 'Align', 'Caption', 'Remove', 'InsertLink', 'Display', 'AltText', and 'Dimension'.
 
-By configuring these options in the [quickToolbarSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor/#quicktoolbarsettings) property, you can enhance the editor's functionality, enabling seamless image management and editing directly within your content. This customization ensures a user-friendly experience for efficiently manipulating image elements.
+By configuring these options in the [quickToolbarSettings](https://helpej2.syncfusion.com/documentation/api/rich-text-editor#quicktoolbarsettings) property, you can enhance the editor's functionality, enabling seamless image management and editing directly within your content. This customization ensures a user-friendly experience for efficiently manipulating image elements.
 
 {% if page.publishingplatform == "typescript" %}
 
diff --git a/ej2-javascript/rich-text-editor/js/getting-started.md b/ej2-javascript/rich-text-editor/js/getting-started.md
index cb8b47ac2..a927f8d9c 100644
--- a/ej2-javascript/rich-text-editor/js/getting-started.md
+++ b/ej2-javascript/rich-text-editor/js/getting-started.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting started with ##Platform_Name## Rich text editor control | Syncfusion
+title: Getting started with ##Platform_Name## Rich text editor | Syncfusion
 description:  Checkout and learn about Getting started with ##Platform_Name## Rich text editor control of Syncfusion Essential JS 2 and more details.
 platform: ej2-javascript
 control: Getting started 
@@ -261,7 +261,7 @@ Output will be displayed as follows
 
 ## Configure the Toolbar
 
-Configure the toolbar with the tools using items field of the [toolbarSettings](../api/rich-text-editor/toolbarSettings/#toolbarsettings) property as your application requires.
+Configure the toolbar with the tools using items field of the [toolbarSettings](../api/rich-text-editor/toolbarSettings#toolbarsettings) property as your application requires.
 
 {% tabs %}
 {% highlight js tabtitle="index.js" %}
@@ -298,9 +298,9 @@ Output will be displayed as follows.
 
 ## See also
 
-* [How to change the editor type](./editor-modes)
-* [How to render the iframe](./iframe)
-* [How to render the toolbar in inline mode](./inline-mode)
+* [How to change the editor type](https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/editor-types/editor-modes)
+* [How to render the iframe](https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/editor-types/iframe)
+* [How to render the toolbar in inline mode](https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/editor-types/inline-editing)
 * [How to insert Emoticons](https://ej2.syncfusion.com/angular/demos/#/material/rich-text-editor/insert-emoticons)
 * [Blog posting using Rich Text Editor](https://ej2.syncfusion.com/angular/demos/#/material/rich-text-editor/blog-posting)
 * [Reactive Form with Rich Text Editor](https://ej2.syncfusion.com/angular/demos/#/material/rich-text-editor/reactive-form)
diff --git a/ej2-javascript/rich-text-editor/ts/getting-started.md b/ej2-javascript/rich-text-editor/ts/getting-started.md
index fcce2abf2..d4620e720 100644
--- a/ej2-javascript/rich-text-editor/ts/getting-started.md
+++ b/ej2-javascript/rich-text-editor/ts/getting-started.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting started with ##Platform_Name## Rich Text Editor control | Syncfusion
+title: Getting started with ##Platform_Name## Rich Text Editor | Syncfusion
 description:  Checkout and learn about Getting started with ##Platform_Name## Rich Text Editor control of Syncfusion Essential JS 2 and more details.
 platform: ej2-javascript
 control: Getting started 
@@ -189,7 +189,7 @@ Output will be displayed as follows
 
 ## Configure the Toolbar
 
-Configure the toolbar with the tools using items field of the [toolbarSettings](../api/rich-text-editor/toolbarSettings/#toolbarsettings) property as your application requires.
+Configure the toolbar with the tools using items field of the [toolbarSettings](../api/rich-text-editor/toolbarSettings#toolbarsettings) property as your application requires.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -232,9 +232,9 @@ Output will be displayed as follows
 
 ## See also
 
-* [How to change the editor type](./editor-modes)
-* [How to render the iframe](./iframe)
-* [How to render the toolbar in inline mode](./inline-mode)
+* [How to change the editor type](https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/editor-types/editor-modes)
+* [How to render the iframe](https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/editor-types/iframe)
+* [How to render the toolbar in inline mode](https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/editor-types/inline-editing)
 * [How to insert Emoticons](https://ej2.syncfusion.com/angular/demos/#/material/rich-text-editor/insert-emoticons)
 * [Blog posting using Rich Text Editor](https://ej2.syncfusion.com/angular/demos/#/material/rich-text-editor/blog-posting)
 * [Reactive Form with Rich Text Editor](https://ej2.syncfusion.com/angular/demos/#/material/rich-text-editor/reactive-form)
diff --git a/ej2-javascript/treegrid/selection/check-box-selection.md b/ej2-javascript/treegrid/selection/check-box-selection.md
index 21d80cf11..19eb4a329 100644
--- a/ej2-javascript/treegrid/selection/check-box-selection.md
+++ b/ej2-javascript/treegrid/selection/check-box-selection.md
@@ -88,7 +88,7 @@ The TreeGrid supports conditional row selection through the [isRowSelectable](..
 
 Local data: The callback runs once when the TreeGrid initializes and evaluates all records because the full dataset is already available on the client.
 
-Remote data: The callback runs only for the rows displayed on the current page when the TreeGrid first loads. It runs again whenever the grid fetches new data such as during paging, filtering, or sorting to re-evaluate the newly visible rows.
+Remote data: The callback runs only for the rows displayed on the current page when the TreeGrid first loads. It runs again whenever the TreeGrid fetches new data such as during paging, filtering, or sorting to re-evaluate the newly visible rows.
 
 In the following sample, selection is disabled for rows where the "Progress" column has the value "Completed".
 
diff --git a/ej2-typescript-toc.html b/ej2-typescript-toc.html
index 72b94b891..85c14ea87 100644
--- a/ej2-typescript-toc.html
+++ b/ej2-typescript-toc.html
@@ -2967,7 +2967,7 @@
 </ul>
 </li> <li>Release Notes
     <ul>
-		<li>2025 Volume 4 - 32.*<ul><li>Weekly Release<ul><li><a href="/ej2-typescript/release-notes/32.1.20">32.1.20</a></li></ul></li><li><a href="/ej2-typescript/release-notes/32.1.19">32.1.19 Main Release</a></li></ul></li><li>2025 Volume 3 - 31.*
+		<li>2025 Volume 4 - 32.*<ul><li>Weekly Release<ul><li><a href="/ej2-typescript/release-notes/32.1.21">32.1.21</a></li><li><a href="/ej2-typescript/release-notes/32.1.20">32.1.20</a></li></ul></li><li><a href="/ej2-typescript/release-notes/32.1.19">32.1.19 Main Release</a></li></ul></li><li>2025 Volume 3 - 31.*
 			<ul>
 				<li>Weekly Release
 					<ul><li><a href="/ej2-typescript/release-notes/31.2.10">31.2.10</a></li><li><a href="/ej2-typescript/release-notes/31.2.5">31.2.5</a></li><li><a href="/ej2-typescript/release-notes/31.2.4">31.2.4</a></li>