diff --git a/js/FileExplorer/Accessing-Shared-Folder.md b/js/FileExplorer/Accessing-Shared-Folder.md
index d4f422f43..33bd66994 100644
--- a/js/FileExplorer/Accessing-Shared-Folder.md
+++ b/js/FileExplorer/Accessing-Shared-Folder.md
@@ -1,6 +1,6 @@
 ---
-title: Accessing shared folder | FileExplorer | Javascript | Syncfusion
-description: Accessing shared folder option in FileExplorer
+title: Accessing shared folder in JavaScript File Explorer | Syncfusion
+description: Learn here all about accessing shared folder option support in Syncfusion JavaScript File Explorer control, it's elements, and more.
 platform: js
 control: FileExplorer
 documentation: UG
@@ -8,7 +8,7 @@ keywords: Accessing shared folder
 api: /api/js/ejfileexplorer
 ---
 
-# Accessing shared folder
+# Accessing shared folder in JavaScript File Explorer
 
 Using “FileExplorer”, you can manage the files that are available in a shared folder of another system which is connected through LAN. Refer following steps, here you will see the details about accessing the shared folder with FileExplorer. 
 
@@ -44,5 +44,5 @@ N> In above code block, please specify the action method and shared folder path
 
 If shared folder is restricted with authentication, that time you are not able to access this folder using our FileExplorer. Here you will get an exception like “**System.UnauthorizedAccessException, Please add your windows credential details to open '\\server\'**”. In order to solve this problem, you have to add the shared folder credential details in the windows credential manager that is available in your service hosted machine.
 
-![](Accessingsharedfolder_images/Accessingsharedfolder_img1.jpeg)
+![Accessing shared folder in JavaScript File Explorer.](accessingsharedfolder_images/javascript-file-explorer-accessing-shared-folder.jpeg)
 
diff --git a/js/FileExplorer/Accessingsharedfolder_images/Accessingsharedfolder_img1.jpeg b/js/FileExplorer/accessingsharedfolder_images/javascript-file-explorer-accessing-shared-folder.jpeg
similarity index 100%
rename from js/FileExplorer/Accessingsharedfolder_images/Accessingsharedfolder_img1.jpeg
rename to js/FileExplorer/accessingsharedfolder_images/javascript-file-explorer-accessing-shared-folder.jpeg
diff --git a/js/Grid/Toolbar.md b/js/Grid/Toolbar.md
index 506cb52fc..d2619693d 100644
--- a/js/Grid/Toolbar.md
+++ b/js/Grid/Toolbar.md
@@ -1,13 +1,13 @@
 ---
 layout: post
-title: Toolbar with Grid widget for Syncfusion Essential JS
-description: How to enable toolbar and its actions.
+title: Toolbar in JavaScript Grid Control | Syncfusion
+description: Learn here all about toolbar support in Syncfusion JavaScript Grid control, it's elements, and more.
 platform: js
 control: Grid
 documentation: ug
 api: /api/js/ejgrid
 ---
-# Toolbar
+# Toolbar in JavaScript Grid
 
 Toolbar can be shown by setting the [`toolbarSettings.showToolbar`](https://help.syncfusion.com/api/js/ejgrid#members:toolbarsettings-showtoolbar "showToolbar") as true. To modify the toolbar behavior use [`toolbarSettings`](https://help.syncfusion.com/api/js/ejgrid#members:toolbarsettings "toolbarSettings") property. Toolbar has an option to add default items in the [`toolbarSettings.toolbarItems`](https://help.syncfusion.com/api/js/ejgrid#members:toolbarsettings-toolbaritems "toolbarItems") and customized items in the [`toolbarSettings.customToolbarItems`](https://help.syncfusion.com/api/js/ejgrid#members:toolbarsettings-customtoolbaritems "customToolbarItems").
 
@@ -75,7 +75,7 @@ Search text in records.</td></tr>
 
 {% endhighlight %}
 
-![](Toolbar_images/Toolbar_img1.png)
+![Toolbar in JavaScript Toolbar.](toolbar_images/javascript-grid-toolbar.png)
 
 
 I> [`editSettings.allowAdding`](https://help.syncfusion.com/api/js/ejgrid#members:editsettings-allowadding "allowAdding"), [`editSettings.allowEditing`](https://help.syncfusion.com/api/js/ejgrid#members:editsettings-allowediting "allowEditing") and [`editSettings.allowDeleting`](https://help.syncfusion.com/api/js/ejgrid#members:editsettings-allowdeleting "allowdeleting") need to be enabled for add, delete, edit, save & cancel in [`toolbarItems`](https://help.syncfusion.com/api/js/ejgrid#members:toolbarsettings-toolbaritems "toolbaritems"). [`allowSearching`](https://help.syncfusion.com/api/js/ejgrid#members:allowsearching "allowsearching")` to be enabled while adding search in toolbar to perform search action.
@@ -135,6 +135,6 @@ To add custom toolbar item as template use [`templateID`](https://help.syncfusio
 
 {% endhighlight %}
 
-![](Toolbar_images/Toolbar_img2.png)
+![Custom toolbar items in JavaScript Grid.](toolbar_images/javascript-grid-custom-toolbar-item.png)
 
 
diff --git a/js/Grid/Toolbar_images/Toolbar_img2.png b/js/Grid/toolbar_images/javascript-grid-custom-toolbar-item.png
similarity index 100%
rename from js/Grid/Toolbar_images/Toolbar_img2.png
rename to js/Grid/toolbar_images/javascript-grid-custom-toolbar-item.png
diff --git a/js/Grid/Toolbar_images/Toolbar_img1.png b/js/Grid/toolbar_images/javascript-grid-toolbar.png
similarity index 100%
rename from js/Grid/Toolbar_images/Toolbar_img1.png
rename to js/Grid/toolbar_images/javascript-grid-toolbar.png
diff --git a/js/Ribbon/Gallery.md b/js/Ribbon/Gallery.md
index 9fdc43fcd..377846206 100644
--- a/js/Ribbon/Gallery.md
+++ b/js/Ribbon/Gallery.md
@@ -1,14 +1,14 @@
 ---
 layout: post
-title: Gallery
-description: gallery
+title: Gallery in JavaScript Ribbon Control | Syncfusion
+description: Learn here all about gallery support in Syncfusion JavaScript Ribbon control, it's elements, and more.
 documentation: ug
 platform: js
 keywords: gallery,ribbon gallery
 api: /api/js/ejribbon
 ---
 
-# Gallery
+# Gallery in JavaScript Ribbon
 
 Galleries are used to display items that can be arranged in a grid-type layout. Items in the gallery can be customized as [`button`](https://help.syncfusion.com/api/js/ejbutton)/[`menu`](https://help.syncfusion.com/api/js/ejmenu) to display images, text, or both images and text. You can set [`type`](https://help.syncfusion.com/api/js/ejribbon#members:tabs-groups-content-groups-type) of group as `gallery`.
 
@@ -120,13 +120,13 @@ N> The [`itemHeight`](https://help.syncfusion.com/api/js/ejribbon#members:tabs-g
 {% endhighlight %}
 
 
-![](/js/Ribbon/Gallery_images/Gallery_img1.png)
+![Gallery in JavaScript Ribbon.](gallery_images/javascript-ribbon-gallery.png)
 
 Ribbon Gallery.
 {:.caption}
 
 
-![](/js/Ribbon/Gallery_images/Gallery_img2.png)
+![Gallery at expanded state in JavaScript Ribbon.](gallery_images/javascript-ribbon-gallery-at-expanded-state.png)
 
 Gallery at Expanded State
 {:.caption}
@@ -257,4 +257,4 @@ You can also set [`text`](https://help.syncfusion.com/api/js/ejribbon#members:ta
 
 {% endhighlight %}
 
-![](/js/Ribbon/Gallery_images/Gallery_img3.png)
\ No newline at end of file
+![Custom gallery items in JavaScript Ribbon.](gallery_images/javascript-ribbon-custom-gallery-items.png)
\ No newline at end of file
diff --git a/js/Ribbon/Gallery_images/Gallery_img3.png b/js/Ribbon/gallery_images/javascript-ribbon-custom-gallery-items.png
similarity index 100%
rename from js/Ribbon/Gallery_images/Gallery_img3.png
rename to js/Ribbon/gallery_images/javascript-ribbon-custom-gallery-items.png
diff --git a/js/Ribbon/Gallery_images/Gallery_img2.png b/js/Ribbon/gallery_images/javascript-ribbon-gallery-at-expanded-state.png
similarity index 100%
rename from js/Ribbon/Gallery_images/Gallery_img2.png
rename to js/Ribbon/gallery_images/javascript-ribbon-gallery-at-expanded-state.png
diff --git a/js/Ribbon/Gallery_images/Gallery_img1.png b/js/Ribbon/gallery_images/javascript-ribbon-gallery.png
similarity index 100%
rename from js/Ribbon/Gallery_images/Gallery_img1.png
rename to js/Ribbon/gallery_images/javascript-ribbon-gallery.png