From 4e52b1e053efc7bed64560697addf804b986508f Mon Sep 17 00:00:00 2001
From: Faith-Atieno <faithatienoa@syncfusion.com>
Date: Fri, 16 Aug 2024 15:20:57 +0300
Subject: [PATCH 1/6] 
 SEO-187489-ej2-JavaScript-Introduction-Page-with-redirect-link

---
 ej2-javascript/js/introduction.md | 164 +++++++++++++++---------------
 1 file changed, 82 insertions(+), 82 deletions(-)

diff --git a/ej2-javascript/js/introduction.md b/ej2-javascript/js/introduction.md
index 624979c26..fd318a406 100644
--- a/ej2-javascript/js/introduction.md
+++ b/ej2-javascript/js/introduction.md
@@ -68,110 +68,110 @@ letter-spacing: 0.7px;
 <tr>
     <td>
         <div><p class="controlcategory">GRIDS</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/grid/getting-started/">DataGrid</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/pivotview/getting-started/">Pivot Table</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/treegrid/getting-started/">TreeGrid</a></div>
-         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/spreadsheet/getting-started/">Spreadsheet</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/grid/getting-started">DataGrid</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/pivotview/getting-started">Pivot Table</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/treegrid/getting-started">TreeGrid</a></div>
+         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/spreadsheet/getting-started">Spreadsheet</a></div>
         <div><p class="controlcategory">FILE VIEWERS & EDITORS</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/in-place-editor/es5-getting-started/">In-place Editor</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/getting-started/">RichTextEditor</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started/">PDF Viewer</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/document-editor/getting-started/">Word Processor</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/in-place-editor/es5-getting-started">In-place Editor</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/getting-started">RichTextEditor</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started">PDF Viewer</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/document-editor/getting-started">Word Processor</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/image-editor/es5-getting-started">Image Editor</a></div>
         <div><p class="controlcategory">LAYOUT</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/dialog/es5-getting-started/">Dialog</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/listview/getting-started/">ListView</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/dialog/es5-getting-started">Dialog</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/listview/getting-started">ListView</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/predefined-dialogs/es5-getting-started">Predefined Dialogs</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/tooltip/getting-started/">Tooltip</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/splitter/es5-getting-started/">Splitter</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/dashboard-layout/es5-getting-started/">Dashboard</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/card/getting-started/">Card</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/avatar/es5-getting-started/">Avatar</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/tooltip/getting-started">Tooltip</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/splitter/es5-getting-started">Splitter</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/dashboard-layout/es5-getting-started">Dashboard</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/card/getting-started">Card</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/avatar/es5-getting-started">Avatar</a></div>
     </td>
     <td>
         <div><p class="controlcategory">DATA VISUALIZATION</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/chart/es5-getting-started/">Charts</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/chart/es5-getting-started">Charts</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/3d-chart/es5-getting-started">3D Chart</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/accumulation-chart/es5-getting-started">Accumulation Chart</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/stock-chart/es5-getting-started/">Stock Chart</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/circular-gauge/es5-getting-started/">Circular Gauge</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/linear-gauge/es5-getting-started/">Linear Gauge</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/diagram/getting-started/">Diagram </a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/heatmap-chart/getting-started/">HeatMap Chart</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/maps/es5-getting-started/">Map</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/range-navigator/getting-started/">Range Selector</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/smithchart/getting-started/">Smith Chart</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/sparkline/es5-getting-started/">Sparkline Charts</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/barcode/getting-started/">Barcode</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/treemap/es5-getting-started/">TreeMap</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/bullet-chart/getting-started/">Bullet Chart</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/kanban/es5-getting-started/">Kanban</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/stock-chart/es5-getting-started">Stock Chart</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/circular-gauge/es5-getting-started">Circular Gauge</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/linear-gauge/es5-getting-started">Linear Gauge</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/diagram/getting-started">Diagram </a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/heatmap-chart/getting-started">HeatMap Chart</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/maps/es5-getting-started">Map</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/range-navigator/getting-started">Range Selector</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/smithchart/getting-started">Smith Chart</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/sparkline/es5-getting-started">Sparkline Charts</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/barcode/getting-started">Barcode</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/treemap/es5-getting-started">TreeMap</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/bullet-chart/es5-getting-started">Bullet Chart</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/kanban/getting-started">Kanban</a></div>
         <div><p class="controlcategory">BUTTONS</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/button/es5-getting-started/">Button</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/button-group/getting-started/">ButtonGroup</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/drop-down-button/es5-getting-started/">Dropdown Menu</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/progress-button/es5-getting-started/">Progress Button</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/split-button/es5-getting-started/">SplitButton</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/chips/getting-started/">Chips</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/floating-action-button/es5-getting-started/">Floating Action Button</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/speed-dial/es5-getting-started/">Speed Dial</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/button/es5-getting-started">Button</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/button/es5-getting-started">ButtonGroup</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/drop-down-button/es5-getting-started">Dropdown Menu</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/progress-button/es5-getting-started">Progress Button</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/split-button/es5-getting-started">SplitButton</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/chips/getting-started">Chips</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/floating-action-button/es5-getting-started">Floating Action Button</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/speed-dial/es5-getting-started">Speed Dial</a></div>
     </td>
     <td>
         <div><p class="controlcategory">CALENDARS</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/schedule/getting-started/">Scheduler</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/gantt/es5-getting-started/">Gantt Chart</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/calendar/es5-getting-started/">Calendar</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/datepicker/es5-getting-started/">DatePicker</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/daterangepicker/es5-getting-started/">DateRangePicker</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/datetimepicker/es5-getting-started/">DateTime Picker</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/timepicker/es5-getting-started/">TimePicker</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/schedule/getting-started">Scheduler</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/gantt/es5-getting-started">Gantt Chart</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/calendar/es5-getting-started">Calendar</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/datepicker/es5-getting-started">DatePicker</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/daterangepicker/es5-getting-started">DateRangePicker</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/datetimepicker/es5-getting-started">DateTime Picker</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/timepicker/es5-getting-started">TimePicker</a></div>
         <div><p class="controlcategory">INPUTS</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/textbox/es5-getting-started/">TextBox</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/maskedtextbox/es5-getting-started/">Input Mask</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/numerictextbox/es5-getting-started/">Numeric TextBox</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/radio-button/es5-getting-started/">RadioButton</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/check-box/es5-getting-started/">CheckBox</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/color-picker/es5-getting-started/">Color Picker</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/uploader/es5-getting-started/">File Upload</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/range-slider/getting-started/">Range Slider</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/switch/es5-getting-started/">Toggle Switch Button</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/signature/es5-getting-started/">Signature</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/rating/es5-getting-started/">Rating</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/textbox/es5-getting-started">TextBox</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/maskedtextbox/es5-getting-started">Input Mask</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/numerictextbox/es5-getting-started">Numeric TextBox</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/radio-button/es5-getting-started">RadioButton</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/check-box/es5-getting-started">CheckBox</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/color-picker/es5-getting-started">Color Picker</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/uploader/es5-getting-started">File Upload</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/range-slider/getting-started">Range Slider</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/switch/es5-getting-started">Toggle Switch Button</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/signature/es5-getting-started">Signature</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/rating/es5-getting-started">Rating</a></div>
         <div><p class="controlcategory">FORMS</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/form-validator/validation-rules/">Form Validator</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/query-builder/es5-getting-started/">Query Builder</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/form-validator/validation-rules">Form Validator</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/query-builder/es5-getting-started">Query Builder</a></div>
     </td>
     <td>
         <div><p class="controlcategory">DROPDOWNS</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/auto-complete/es5-getting-started/">AutoComplete</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/list-box/getting-started/">ListBox</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/combo-box/es5-getting-started/">ComboBox</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/drop-down-list/es5-getting-started/">Dropdown List</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/multi-select/es5-getting-started/">Multiselect DropDown</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/drop-down-tree/es5-getting-started/">DropDown Tree</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/mention/es5-getting-started/">Mention</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/auto-complete/es5-getting-started">AutoComplete</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/list-box/getting-started">ListBox</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/combo-box/es5-getting-started">ComboBox</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/drop-down-list/es5-getting-started">Dropdown List</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/multi-select/es5-getting-started">Multiselect DropDown</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/drop-down-tree/es5-getting-started">DropDown Tree</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/mention/es5-getting-started">Mention</a></div>
         <div><p class="controlcategory">NAVIGATION</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/accordion/getting-started/">Accordion</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/carousel/es5-getting-started/">Carousel</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/context-menu/es5-getting-started/">Context Menu</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/menu/es5-getting-started/">Menu Bar</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/accordion/getting-started">Accordion</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/carousel/es5-getting-started">Carousel</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/context-menu/es5-getting-started">Context Menu</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/menu/es5-getting-started">Menu Bar</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/ribbon/es5-getting-started">Ribbon</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/sidebar/getting-started/">Sidebar</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/tab/getting-started/">Tabs</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/toolbar/getting-started/">Toolbar</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/treeview/es5-getting-started/">TreeView</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/file-manager/es5-getting-started/">File Manager</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/sidebar/getting-started">Sidebar</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/tab/getting-started">Tabs</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/toolbar/getting-started">Toolbar</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/treeview/es5-getting-started">TreeView</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/file-manager/es5-getting-started">File Manager</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/stepper/es5-getting-started">Stepper</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/breadcrumb/es5-getting-started/">Breadcrumb</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/pager/getting-started/">Pager</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/appbar/es5-getting-started/">AppBar</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/breadcrumb/es5-getting-started">Breadcrumb</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/pager/getting-started">Pager</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/appbar/es5-getting-started">AppBar</a></div>
         <div><p class="controlcategory">NOTIFICATION</p></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/toast/es5-getting-started/">Toast</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/progressbar/es5-getting-started/">Progress Bar</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/spinner/es5-getting-started/">Spinner</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/badge/es5-getting-started/">Badge</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/skeleton/es5-getting-started/">Skeleton</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/message/es5-getting-started/">Message</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/toast/es5-getting-started">Toast</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/progressbar/es5-getting-started">Progress Bar</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/spinner/es5-getting-started">Spinner</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/badge/es5-getting-started">Badge</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/skeleton/es5-getting-started">Skeleton</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/message/es5-getting-started">Message</a></div>
     </td>
 </tr>
 </table>

From fb208cf16c566eec78002e653499ee3a3b369546 Mon Sep 17 00:00:00 2001
From: Faith-Atieno <faithatienoa@syncfusion.com>
Date: Fri, 16 Aug 2024 15:30:01 +0300
Subject: [PATCH 2/6] CI resolved

---
 ej2-javascript/js/introduction.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ej2-javascript/js/introduction.md b/ej2-javascript/js/introduction.md
index fd318a406..97004a3f0 100644
--- a/ej2-javascript/js/introduction.md
+++ b/ej2-javascript/js/introduction.md
@@ -20,7 +20,7 @@ The Syncfusion JavaScript (global script) is an ES5 formatted pure JavaScript fr
 The Syncfusion JavaScript (ES5) UI controls are listed below.
 
 <style>
-# table
+## table
 {
 border:0 !important;
 line-height: 2!important;

From 493a32e52e9ae060c6acf2c6bafca0c6b39d6672 Mon Sep 17 00:00:00 2001
From: Faith-Atieno <faithatienoa@syncfusion.com>
Date: Fri, 23 Aug 2024 12:38:51 +0300
Subject: [PATCH 3/6] Comment resolved

---
 ej2-javascript/js/introduction.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ej2-javascript/js/introduction.md b/ej2-javascript/js/introduction.md
index 97004a3f0..d261fe208 100644
--- a/ej2-javascript/js/introduction.md
+++ b/ej2-javascript/js/introduction.md
@@ -20,7 +20,7 @@ The Syncfusion JavaScript (global script) is an ES5 formatted pure JavaScript fr
 The Syncfusion JavaScript (ES5) UI controls are listed below.
 
 <style>
-## table
+<table>
 {
 border:0 !important;
 line-height: 2!important;

From c6477f40c3772073b67bd6d87e84d3fd13cc1306 Mon Sep 17 00:00:00 2001
From: Faith-Atieno <faithatienoa@syncfusion.com>
Date: Wed, 28 Aug 2024 09:48:37 +0300
Subject: [PATCH 4/6] Comment resolved

---
 ej2-javascript/js/introduction.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ej2-javascript/js/introduction.md b/ej2-javascript/js/introduction.md
index d261fe208..b2f445b2c 100644
--- a/ej2-javascript/js/introduction.md
+++ b/ej2-javascript/js/introduction.md
@@ -108,7 +108,7 @@ letter-spacing: 0.7px;
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/kanban/getting-started">Kanban</a></div>
         <div><p class="controlcategory">BUTTONS</p></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/button/es5-getting-started">Button</a></div>
-        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/button/es5-getting-started">ButtonGroup</a></div>
+        <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/button-group/getting-started">ButtonGroup</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/drop-down-button/es5-getting-started">Dropdown Menu</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/progress-button/es5-getting-started">Progress Button</a></div>
         <div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/javascript/documentation/split-button/es5-getting-started">SplitButton</a></div>

From 92678540dd8da6142c791c36ddcd8295c04e6f3d Mon Sep 17 00:00:00 2001
From: Faith-Atieno <faithatienoa@syncfusion.com>
Date: Tue, 10 Sep 2024 16:20:05 +0300
Subject: [PATCH 5/6] comment resolved

---
 ej2-javascript/js/introduction.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/ej2-javascript/js/introduction.md b/ej2-javascript/js/introduction.md
index 80f9925e4..538f12e8a 100644
--- a/ej2-javascript/js/introduction.md
+++ b/ej2-javascript/js/introduction.md
@@ -21,10 +21,8 @@ The Syncfusion JavaScript (ES5) UI controls are listed below.
 
 <style>
 <table>
-{
 border:0 !important;
 line-height: 2!important;
-}
 
 tr
 {

From 38c8fe47f5e8d8fa9daee7b9cba757c8993e9770 Mon Sep 17 00:00:00 2001
From: Faith-Atieno <faithatienoa@syncfusion.com>
Date: Wed, 11 Sep 2024 11:19:25 +0300
Subject: [PATCH 6/6] comment resolved

---
 ej2-javascript/js/introduction.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/ej2-javascript/js/introduction.md b/ej2-javascript/js/introduction.md
index 538f12e8a..23a8e18a0 100644
--- a/ej2-javascript/js/introduction.md
+++ b/ej2-javascript/js/introduction.md
@@ -21,8 +21,6 @@ The Syncfusion JavaScript (ES5) UI controls are listed below.
 
 <style>
 <table>
-border:0 !important;
-line-height: 2!important;
 
 tr
 {