diff --git a/angular/Gantt/Predecessor.md b/angular/Gantt/Predecessor.md
index c4df1b6f..3fc59fbb 100644
--- a/angular/Gantt/Predecessor.md
+++ b/angular/Gantt/Predecessor.md
@@ -1,14 +1,14 @@
 ---
 layout: post
-title: Predecessor
-description: Predecessor
-platform: Angular
+title: Predecessor in Angular Gantt Control | Syncfusion
+description: Learn here about Predecessor with Syncfusion Essential Angular Gantt control, its elements, and more.
+platform: angular
 control: Gantt
 documentation: ug
 api: /api/js/ejgantt
 ---
 
-# Predecessor
+# Predecessor in Angular Gantt Control
 
 ## Predecessor offset with duration units
 
@@ -59,7 +59,7 @@ export class AppComponent {
 
 The following screen shot depicts the duration unit support in the predecessor offset.
 
-![](Predecessor_images/Predecessor_img1.png)
+![Predecessor in Angular Gantt Control.](predecessor_images/predecessor-in-angular-gantt-contro-img2.png)
 
 ## Validate predecessor links on editing
 
@@ -185,7 +185,7 @@ export class AppComponent {
 
 In this case, if the user dragging action violated the predecessor type then the following dialog will be rendered to perform operation.
 
-![](Predecessor_images/Predecessor_img2.png)
+![Predecessor in Angular Gantt Control.](predecessor_images/predecessor-in-angular-gantt-contro-img2.png)
 
 
 
diff --git a/angular/Gantt/Predecessor_images/Predecessor_img1.png b/angular/Gantt/Predecessor_images/predecessor-in-angular-gantt-contro-img1.png
similarity index 100%
rename from angular/Gantt/Predecessor_images/Predecessor_img1.png
rename to angular/Gantt/Predecessor_images/predecessor-in-angular-gantt-contro-img1.png
diff --git a/angular/Gantt/Predecessor_images/Predecessor_img2.png b/angular/Gantt/Predecessor_images/predecessor-in-angular-gantt-contro-img2.png
similarity index 100%
rename from angular/Gantt/Predecessor_images/Predecessor_img2.png
rename to angular/Gantt/Predecessor_images/predecessor-in-angular-gantt-contro-img2.png
diff --git a/angular/Kanban/Drag-and-Drop.md b/angular/Kanban/Drag-and-Drop.md
index fb128d51..16cec805 100644
--- a/angular/Kanban/Drag-and-Drop.md
+++ b/angular/Kanban/Drag-and-Drop.md
@@ -1,13 +1,13 @@
 ---
 layout: post
-title:  Drag and Drop
-description: Drag and Drop
+title: Drag and Drop in Angular Kanban Control | Syncfusion
+description: Learn here about Drag and Drop with Syncfusion Essential Angular Kanban control, its elements, and more.
 documentation: ug
-platform: Angular
+platform: angular
 keywords: drag and drop,kanban drag and drop
 ---
 
-# Drag and Drop
+# Drag and Drop in Angular Kanban Control
 
 By default [`allowDragAndDrop`](https://help.syncfusion.com/api/js/ejkanban#members:allowdraganddrop) is true.Cards can be transited from one column to another column, by dragging and dropping. And it has drop position indicator which enables easier positioning of cards
 
@@ -54,4 +54,4 @@ export class DefaultComponent {
 
 The following output is displayed as a result of the above code example.
 
-![](Drag_and_Drop_images/drag_and_drop_img1.png)
+![Drag and Drop in Angular Kanban Control.](drag_and_drop_images/drag-and-drop-in-angular-kanban-control-img1.png)
\ No newline at end of file
diff --git a/angular/Kanban/Drag_and_Drop_images/drag_and_drop_img1.png b/angular/Kanban/Drag_and_Drop_images/drag-and-drop-in-angular-kanban-control-img1.png
similarity index 100%
rename from angular/Kanban/Drag_and_Drop_images/drag_and_drop_img1.png
rename to angular/Kanban/Drag_and_Drop_images/drag-and-drop-in-angular-kanban-control-img1.png
diff --git a/angular/Tab/Template-Support.md b/angular/Tab/Template-Support.md
index f0a7fba1..df5da320 100644
--- a/angular/Tab/Template-Support.md
+++ b/angular/Tab/Template-Support.md
@@ -1,13 +1,13 @@
 ---
 layout: post
-title: Template-Support
-description: template support
-platform: Angular
+title: Template Support in VUe Tabs Control | Syncfusion
+description: Learn here about Template Support with Syncfusion Essential Angular Tabs control, its elements, and more.
+platform: angular
 control: Tab
 documentation: ug
 ---
 
-# Template Support
+# Template Support in VUe Tabs Control
 
 We can use this option to load any HTML elements and showcase it in the Tab panels as per our requirement.
 
@@ -39,4 +39,4 @@ We can load the contents or HTML elements directly inside the <div> elemen
 
 The following screenshot illustrates the **Tab** with **Template** support.
 
-![](Template-Support_images/Template-Support_img1.png) 
\ No newline at end of file
+![Template Support in VUe Tabs Control.](Template-Support_images/template-support-in-vue-tabs-control.png) 
\ No newline at end of file
diff --git a/angular/Tab/Template-Support_images/Template-Support_img1.png b/angular/Tab/Template-Support_images/template-support-in-vue-tabs-control.png
similarity index 100%
rename from angular/Tab/Template-Support_images/Template-Support_img1.png
rename to angular/Tab/Template-Support_images/template-support-in-vue-tabs-control.png