From 15ebc954299cb888ae08a54e7ed806345f3b0caa Mon Sep 17 00:00:00 2001
From: Nithya <Nithya.Sivaprakasam@syncfusion.com>
Date: Thu, 7 Aug 2025 15:18:11 +0530
Subject: [PATCH 1/2] 974081: Getting Started correction in asp.net core
 platform

---
 .../cellEditing/cellEditing.cs                |  42 +++-
 .../getting-started/cellEditing/tagHelper     |  13 +-
 .../definingColumns/definingColumns.cs        | 118 +++------
 .../getting-started/definingColumns/tagHelper |  86 +------
 .../dependencyEditing/dependencyEditing.cs    | 123 +++-------
 .../dependencyEditing/tagHelper               |  83 +------
 .../dialogEditing/dialogEditing.cs            |  40 +++
 .../enableDependency/enableDependency.cs      |  45 +++-
 .../enableDependency/tagHelper                |  10 +-
 .../exception-handling/definingColumns.cs     | 115 +++------
 .../exception-handling/tagHelper              |  17 +-
 .../getting-started/filtering/filtering.cs    |  45 +++-
 .../gantt/getting-started/filtering/tagHelper |  11 +-
 .../gantt/getting-started/gantt/gantt.cs      | 118 +++------
 .../gantt/getting-started/gantt/tagHelper     |  77 +-----
 .../mappingFields/mappingFields.cs            | 118 +++------
 .../getting-started/mappingFields/tagHelper   |  77 +-----
 .../gantt/getting-started/sorting/sorting.cs  |  45 +++-
 .../gantt/getting-started/sorting/tagHelper   |  11 +-
 .../getting-started/taskbarEditing/tagHelper  |  13 +-
 .../taskbarEditing/taskbarEditing.cs          |  44 +++-
 .../assignResource/assignResource.cs          | 217 ++++------------
 .../gantt/resources/assignResource/tagHelper  | 168 +------------
 .../gantt/EJ2_ASP.NETCORE/getting-started.md  | 232 ++++++++----------
 .../gantt/images/error-handling.png           | Bin 12826 -> 61471 bytes
 .../gantt/images/gantt-cell-editing.png       | Bin 25436 -> 44768 bytes
 .../gantt/images/gantt-column.png             | Bin 19554 -> 74233 bytes
 .../gantt/images/gantt-control.png            | Bin 19414 -> 74165 bytes
 .../gantt/images/gantt-dependency-editing.png | Bin 0 -> 74742 bytes
 .../gantt/images/gantt-filter.png             | Bin 24726 -> 102013 bytes
 .../gantt/images/gantt-resources.png          | Bin 23200 -> 89618 bytes
 ej2-asp-core-mvc/gantt/images/gantt-sort.png  | Bin 18497 -> 75457 bytes
 .../gantt/images/gantt-taskbar-editing.png    | Bin 19441 -> 52199 bytes
 33 files changed, 638 insertions(+), 1230 deletions(-)
 create mode 100644 ej2-asp-core-mvc/gantt/images/gantt-dependency-editing.png

diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/cellEditing.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/cellEditing.cs
index eec9005cde..04ff81a912 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/cellEditing.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/cellEditing.cs
@@ -1,5 +1,41 @@
-public IActionResult Index()
+using Microsoft.AspNetCore.Mvc;
+
+namespace WebApplication.Controllers
 {
-    ViewBag.DataSource = GanttData.ProjectNewData();
-    return View();
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
+        {
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
+
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
+            {
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 }
+            };
+
+            return data;
+        }
+    }
+
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+    }
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/tagHelper
index 4eeef1f25f..202263be7c 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/cellEditing/tagHelper
@@ -1,6 +1,9 @@
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection">
-   <e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate" endDate="EndDate" duration="Duration" progress="Progress" dependency="Predecessor" child="SubTasks">
-   </e-gantt-taskfields>
-   <e-gantt-editsettings allowEditing="true" mode="Auto">
-   </e-gantt-editsettings>
+@{
+    var dataSource = ViewBag.DataSource;
+}
+
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px">
+   <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" parentID="ParentId"></e-gantt-taskfields>
+	<e-gantt-editsettings allowEditing="true" mode="Auto"></e-gantt-editsettings>
+   <e-gantt-selectionsettings mode="Both"></e-gantt-selectionsettings>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/definingColumns.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/definingColumns.cs
index 2d23aff639..04ff81a912 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/definingColumns.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/definingColumns.cs
@@ -1,91 +1,41 @@
-public IActionResult Index()
-{
-    ViewBag.DataSource = ganttData();
-    return View();
-}
+using Microsoft.AspNetCore.Mvc;
 
- public static List<GanttDataSource> ganttData()
+namespace WebApplication.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
         {
-            List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-            GanttDataSource Record1 = new GanttDataSource()
-            {
-                TaskId = 1,
-                TaskName = "Project initiation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>(),
-            };
-            GanttDataSource Child1 = new GanttDataSource()
-            {
-                TaskId = 2,
-                TaskName = "Identify site location",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 70,
-
-            };
-            GanttDataSource Child2 = new GanttDataSource()
-            {
-                TaskId = 3,
-                TaskName = "Perform soil test",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-
-            };
-            GanttDataSource Child3 = new GanttDataSource()
-            {
-                TaskId = 4,
-                TaskName = "Soil test approval",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-            };
-            Record1.SubTasks.Add(Child1);
-            Record1.SubTasks.Add(Child2);
-            Record1.SubTasks.Add(Child3);
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
 
-            GanttDataSource Record2 = new GanttDataSource()
-            {
-                TaskId = 5,
-                TaskName = "Project estimation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>()
-            };
-            GanttDataSource Child4 = new GanttDataSource()
-            {
-                TaskId = 6,
-                TaskName = "Develop floor plan for estimation",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 70
-            };
-            GanttDataSource Child5 = new GanttDataSource()
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
             {
-                TaskId = 7,
-                TaskName = "List materials",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 }
             };
-            Record2.SubTasks.Add(Child4);
-            Record2.SubTasks.Add(Child5);
-
-            GanttDataSourceCollection.Add(Record1);
-            GanttDataSourceCollection.Add(Record2);
 
-            return GanttDataSourceCollection;
+            return data;
         }
-
-        public class GanttDataSource
-        {
-            public int TaskId { get; set; }
-            public string TaskName { get; set; }
-            public DateTime StartDate { get; set; }
-            public DateTime EndDate { get; set; }
-            public int? Duration { get; set; }
-            public int Progress { get; set; }
-            public List<GanttDataSource> SubTasks { get; set; }
-        }
\ No newline at end of file
+    }
+
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+    }
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/tagHelper
index 047f5a0a27..829a37df59 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/definingColumns/tagHelper
@@ -1,84 +1,14 @@
 @{
-    .....
-    List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-    GanttDataSource Record1 = new GanttDataSource()
-    {
-        TaskId = 1,
-        TaskName = "Project initiation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>(),
-    };
-    GanttDataSource Child1 = new GanttDataSource()
-    {
-        TaskId = 2,
-        TaskName = "Identify site location",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 70,
-
-    };
-    GanttDataSource Child2 = new GanttDataSource()
-    {
-        TaskId = 3,
-        TaskName = "Perform soil test",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50
-
-    };
-    GanttDataSource Child3 = new GanttDataSource()
-    {
-        TaskId = 4,
-        TaskName = "Soil test approval",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50
-    };
-    Record1.SubTasks.Add(Child1);
-    Record1.SubTasks.Add(Child2);
-    Record1.SubTasks.Add(Child3);
-
-    GanttDataSource Record2 = new GanttDataSource()
-    {
-        TaskId = 5,
-        TaskName = "Project estimation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>()
-    };
-    GanttDataSource Child4 = new GanttDataSource()
-    {
-        TaskId = 6,
-        TaskName = "Develop floor plan for estimation",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 70
-    };
-    GanttDataSource Child5 = new GanttDataSource()
-    {
-        TaskId = 7,
-        TaskName = "List materials",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 50
-    };
-    Record2.SubTasks.Add(Child4);
-    Record2.SubTasks.Add(Child5);
-
-    GanttDataSourceCollection.Add(Record1);
-    GanttDataSourceCollection.Add(Record2);
+    var dataSource = ViewBag.DataSource;
 }
 
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection" height="450px">
-	<e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate" endDate="EndDate" duration="Duration" progress="Progress" child="SubTasks">
-	</e-gantt-taskfields>
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" parentID="ParentId">
+    </e-gantt-taskfields>
 	<e-gantt-columns>
-		<e-gantt-column field="TaskId" headerText="Task ID" textAlign="Right" width="50"></e-gantt-column>
-		<e-gantt-column field="TaskName" headerText="Task Name" width="250"></e-gantt-column>
-		<e-gantt-column field="StartDate" headerText="Start Date"></e-gantt-column>
-		<e-gantt-column field="Duration" headerText="Duration"></e-gantt-column>
-		<e-gantt-column field="Progress" headerText="Progress" format="C"></e-gantt-column>
+		<e-gantt-column field="TaskID" headerText="Task ID" width="50"></e-gantt-column>
+		<e-gantt-column field="TaskName" headerText="Job Name"></e-gantt-column>
+		<e-gantt-column field="StartDate"></e-gantt-column>
+		<e-gantt-column field="Duration"></e-gantt-column>
 	</e-gantt-columns>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/dependencyEditing.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/dependencyEditing.cs
index 5341c8896b..68fd67fca5 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/dependencyEditing.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/dependencyEditing.cs
@@ -1,95 +1,42 @@
-public IActionResult Index()
-{
-    ViewBag.DataSource = ganttData();
-    return View();
-}
+using Microsoft.AspNetCore.Mvc;
 
-public static List<GanttDataSource> ganttData()
+namespace WebApplication.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
         {
-            List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-            GanttDataSource Record1 = new GanttDataSource()
-            {
-                TaskId = 1,
-                TaskName = "Project initiation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>(),
-            };
-            GanttDataSource Child1 = new GanttDataSource()
-            {
-                TaskId = 2,
-                TaskName = "Identify site location",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 70,
-
-            };
-            GanttDataSource Child2 = new GanttDataSource()
-            {
-                TaskId = 3,
-                TaskName = "Perform soil test",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50,
-                Predecessor = "2FS"
-
-            };
-            GanttDataSource Child3 = new GanttDataSource()
-            {
-                TaskId = 4,
-                TaskName = "Soil test approval",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50,
-                Predecessor="3FS"
-            };
-            Record1.SubTasks.Add(Child1);
-            Record1.SubTasks.Add(Child2);
-            Record1.SubTasks.Add(Child3);
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
 
-            GanttDataSource Record2 = new GanttDataSource()
-            {
-                TaskId = 5,
-                TaskName = "Project estimation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>()
-            };
-            GanttDataSource Child4 = new GanttDataSource()
-            {
-                TaskId = 6,
-                TaskName = "Develop floor plan for estimation",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 70
-            };
-            GanttDataSource Child5 = new GanttDataSource()
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
             {
-                TaskId = 7,
-                TaskName = "List materials",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50,
-                Predecessor = "6SS"
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Predecessor= "2FS" },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5, Predecessor= "7SS" }
             };
-            Record2.SubTasks.Add(Child4);
-            Record2.SubTasks.Add(Child5);
-
-            GanttDataSourceCollection.Add(Record1);
-            GanttDataSourceCollection.Add(Record2);
 
-            return GanttDataSourceCollection;
+            return data;
         }
-
-        public class GanttDataSource
-        {
-            public int TaskId { get; set; }
-            public string TaskName { get; set; }
-            public string Predecessor { get; set; }
-            public DateTime StartDate { get; set; }
-            public DateTime EndDate { get; set; }
-            public int? Duration { get; set; }
-            public int Progress { get; set; }
-            public List<GanttDataSource> SubTasks { get; set; }
-        }
\ No newline at end of file
+    }
+
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+        public string? Predecessor { get; set; }
+    }
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/tagHelper
index 142b93df7f..73e3b619d5 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dependencyEditing/tagHelper
@@ -1,81 +1,10 @@
 @{
-    .....	
-	List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-	GanttDataSource Record1 = new GanttDataSource()
-	{
-		TaskId = 1,
-		TaskName = "Project initiation",
-		StartDate = new DateTime(2019, 04, 02),
-		EndDate = new DateTime(2019, 04, 21),
-		SubTasks = new List<GanttDataSource>(),
-	};
-	GanttDataSource Child1 = new GanttDataSource()
-	{
-		TaskId = 2,
-		TaskName = "Identify site location",
-		StartDate = new DateTime(2019, 04, 02),
-		Duration = 4,
-		Progress = 70,
-
-	};
-	GanttDataSource Child2 = new GanttDataSource()
-	{
-		TaskId = 3,
-		TaskName = "Perform soil test",
-		StartDate = new DateTime(2019, 04, 02),
-		Duration = 4,
-		Progress = 50,
-		Predecessor = "2FS"
-
-	};
-	GanttDataSource Child3 = new GanttDataSource()
-	{
-		TaskId = 4,
-		TaskName = "Soil test approval",
-		StartDate = new DateTime(2019, 04, 02),
-		Duration = 4,
-		Progress = 50,
-		Predecessor="3FS"
-	};
-	Record1.SubTasks.Add(Child1);
-	Record1.SubTasks.Add(Child2);
-	Record1.SubTasks.Add(Child3);
-
-	GanttDataSource Record2 = new GanttDataSource()
-	{
-		TaskId = 5,
-		TaskName = "Project estimation",
-		StartDate = new DateTime(2019, 04, 02),
-		EndDate = new DateTime(2019, 04, 21),
-		SubTasks = new List<GanttDataSource>()
-	};
-	GanttDataSource Child4 = new GanttDataSource()
-	{
-		TaskId = 6,
-		TaskName = "Develop floor plan for estimation",
-		StartDate = new DateTime(2019, 04, 04),
-		Duration = 3,
-		Progress = 70
-	};
-	GanttDataSource Child5 = new GanttDataSource()
-	{
-		TaskId = 7,
-		TaskName = "List materials",
-		StartDate = new DateTime(2019, 04, 04),
-		Duration = 3,
-		Progress = 50,
-		Predecessor = "6SS"
-	};
-	Record2.SubTasks.Add(Child4);
-	Record2.SubTasks.Add(Child5);
-
-	GanttDataSourceCollection.Add(Record1);
-	GanttDataSourceCollection.Add(Record2);
+    var dataSource = ViewBag.DataSource;
 }
 
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection">
-   <e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate" endDate="EndDate" duration="Duration" progress="Progress" dependency="Predecessor" child="SubTasks">
-   </e-gantt-taskfields>
-  <e-gantt-editsettings allowTaskbarEditing="true"></e-gantt-editsettings>
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" dependency="Predecessor" parentID="ParentId">
+    </e-gantt-taskfields>
+    <e-gantt-editsettings allowTaskbarEditing="true">
+	</e-gantt-editsettings>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dialogEditing/dialogEditing.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dialogEditing/dialogEditing.cs
index eec9005cde..cdc268c87b 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dialogEditing/dialogEditing.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/dialogEditing/dialogEditing.cs
@@ -2,4 +2,44 @@ public IActionResult Index()
 {
     ViewBag.DataSource = GanttData.ProjectNewData();
     return View();
+}using Microsoft.AspNetCore.Mvc;
+
+namespace WebApplication.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
+        {
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
+
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
+            {
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 }
+            };
+
+            return data;
+        }
+    }
+
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+    }
 }
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/enableDependency.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/enableDependency.cs
index eec9005cde..b373fca58d 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/enableDependency.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/enableDependency.cs
@@ -1,5 +1,42 @@
-public IActionResult Index()
+using Microsoft.AspNetCore.Mvc;
+
+namespace WebApplication.Controllers
 {
-    ViewBag.DataSource = GanttData.ProjectNewData();
-    return View();
-}
\ No newline at end of file
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
+        {
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
+
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
+            {
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Predecessor= "2FS" },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5, Predecessor= "7SS" }
+            };
+
+            return data;
+        }
+    }
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+        public string? Predecessor { get; set; }
+    }
+
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/tagHelper
index 324c781760..b12ae4e173 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/enableDependency/tagHelper
@@ -1,4 +1,8 @@
-<ejs-gantt id='Gantt' dataSource="ViewBag.DataSource">
-   <e-gantt-taskfields dependency="Predecessor">
-   </e-gantt-taskfields>
+@{
+    var dataSource = ViewBag.DataSource;
+}
+
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" dependency="Predecessor" parentID="ParentId">
+    </e-gantt-taskfields>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/definingColumns.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/definingColumns.cs
index bc4b7d90c5..b373fca58d 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/definingColumns.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/definingColumns.cs
@@ -1,89 +1,42 @@
-public IActionResult Index()
-{
-    ViewBag.DataSource = ganttData();
-    return View();
-}
+using Microsoft.AspNetCore.Mvc;
 
-public static List<GanttDataSource> ganttData()
+namespace WebApplication.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
         {
-            List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-            GanttDataSource Record1 = new GanttDataSource()
-            {
-                TaskId = 1,
-                TaskName = "Project initiation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>()
-            };
-            GanttDataSource Child1 = new GanttDataSource()
-            {
-                TaskId = 2,
-                TaskName = "Identify site location",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-            };
-            GanttDataSource Child2 = new GanttDataSource()
-            {
-                TaskId = 3,
-                TaskName = "Perform soil test",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-            };
-            GanttDataSource Child3 = new GanttDataSource()
-            {
-                TaskId = 4,
-                TaskName = "Soil test approval",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-            };
-            Record1.SubTasks.Add(Child1);
-            Record1.SubTasks.Add(Child2);
-            Record1.SubTasks.Add(Child3);
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
 
-            GanttDataSource Record2 = new GanttDataSource()
-            {
-                TaskId = 5,
-                TaskName = "Project estimation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>()
-            };
-            GanttDataSource Child4 = new GanttDataSource()
-            {
-                TaskId = 6,
-                TaskName = "Develop floor plan for estimation",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50
-            };
-            GanttDataSource Child5 = new GanttDataSource()
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
             {
-                TaskId = 7,
-                TaskName = "List materials",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Predecessor= "2FS" },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5, Predecessor= "7SS" }
             };
-            Record2.SubTasks.Add(Child4);
-            Record2.SubTasks.Add(Child5);
-
-            GanttDataSourceCollection.Add(Record1);
-            GanttDataSourceCollection.Add(Record2);
 
-            return GanttDataSourceCollection;
+            return data;
         }
+    }
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+        public string? Predecessor { get; set; }
+    }
 
-        public class GanttDataSource
-        {
-            public int TaskId { get; set; }
-            public string TaskName { get; set; }
-            public DateTime StartDate { get; set; }
-            public DateTime EndDate { get; set; }
-            public int? Duration { get; set; }
-            public int Progress { get; set; }
-            public List<GanttDataSource> SubTasks { get; set; }
-	    }
\ No newline at end of file
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/tagHelper
index ea87efd38c..1adc4f249e 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/exception-handling/tagHelper
@@ -1,14 +1,17 @@
-<ejs-gantt id='Gantt' dataSource="ViewBag.dataSource" height="450px">
-    <e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate"
-            endDate="EndDate" duration="Duration" progress="Progress" child="SubTasks"
-            actionFailure="actionFailure">
+@{
+    var dataSource = ViewBag.DataSource;
+}
+
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px" actionFailure="actionFailure">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" dependency="Predecessor" progress="Progress" parentID="ParentId">
     </e-gantt-taskfields>
     <e-gantt-columns>
-        <e-gantt-column field="TaskName" headerText="Job Name" width="250"></e-gantt-column>
+        <e-gantt-column field="TaskName" headerText="Task Name" ></e-gantt-column>
         <e-gantt-column field="StartDate" headerText="StartDate"></e-gantt-column>
-        <e-gantt-column field="EndDate" headerText="EndDate"></e-gantt-column>
-        <e-gantt-column field="Duration" headerText="Duration"></e-gantt-column>
+        <e-gantt-column field="Duration"></e-gantt-column>
+        <e-gantt-column field="Predecessor"></e-gantt-column>
     </e-gantt-columns>
+    <e-gantt-splittersettings columnIndex=2></e-gantt-splittersettings>
 </ejs-gantt>
 
 <script>
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/filtering.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/filtering.cs
index eec9005cde..b373fca58d 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/filtering.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/filtering.cs
@@ -1,5 +1,42 @@
-public IActionResult Index()
+using Microsoft.AspNetCore.Mvc;
+
+namespace WebApplication.Controllers
 {
-    ViewBag.DataSource = GanttData.ProjectNewData();
-    return View();
-}
\ No newline at end of file
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
+        {
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
+
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
+            {
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Predecessor= "2FS" },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5, Predecessor= "7SS" }
+            };
+
+            return data;
+        }
+    }
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+        public string? Predecessor { get; set; }
+    }
+
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/tagHelper
index 2689a46ca1..3b56779b4e 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/filtering/tagHelper
@@ -1,5 +1,8 @@
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection" allowFiltering="true">
-   <e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate"
-       endDate="EndDate" duration="Duration" progress="Progress" dependency="Predecessor" child="SubTasks">
-   </e-gantt-taskfields>
+@{
+    var dataSource = ViewBag.DataSource;
+}
+
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px" allowFiltering="true">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" dependency="Predecessor" progress="Progress" parentID="ParentId">
+    </e-gantt-taskfields>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/gantt.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/gantt.cs
index a6eb1e3b80..1e7b7eccc6 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/gantt.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/gantt.cs
@@ -1,91 +1,41 @@
-public IActionResult Index()
-{
-    ViewBag.DataSource = ganttData();
-    return View();
-}
+using Microsoft.AspNetCore.Mvc;
 
-   public static List<GanttDataSource> ganttData()
+namespace WebApplication.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
         {
-            List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-            GanttDataSource Record1 = new GanttDataSource()
-            {
-                TaskId = 1,
-                TaskName = "Project initiation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>(),
-            };
-            GanttDataSource Child1 = new GanttDataSource()
-            {
-                TaskId = 2,
-                TaskName = "Identify site location",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 70,
-
-            };
-            GanttDataSource Child2 = new GanttDataSource()
-            {
-                TaskId = 3,
-                TaskName = "Perform soil test",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-
-            };
-            GanttDataSource Child3 = new GanttDataSource()
-            {
-                TaskId = 4,
-                TaskName = "Soil test approval",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-            };
-            Record1.SubTasks.Add(Child1);
-            Record1.SubTasks.Add(Child2);
-            Record1.SubTasks.Add(Child3);
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
 
-            GanttDataSource Record2 = new GanttDataSource()
-            {
-                TaskId = 5,
-                TaskName = "Project estimation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>()
-            };
-            GanttDataSource Child4 = new GanttDataSource()
-            {
-                TaskId = 6,
-                TaskName = "Develop floor plan for estimation",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 70
-            };
-            GanttDataSource Child5 = new GanttDataSource()
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
             {
-                TaskId = 7,
-                TaskName = "List materials",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 }
             };
-            Record2.SubTasks.Add(Child4);
-            Record2.SubTasks.Add(Child5);
-
-            GanttDataSourceCollection.Add(Record1);
-            GanttDataSourceCollection.Add(Record2);
 
-            return GanttDataSourceCollection;
+            return data;
         }
-
-        public class GanttDataSource
-        {
-            public int TaskId { get; set; }
-            public string TaskName { get; set; }
-            public DateTime StartDate { get; set; }
-            public DateTime EndDate { get; set; }
-            public int? Duration { get; set; }
-            public int Progress { get; set; }
-            public List<GanttDataSource> SubTasks { get; set; }
-        }
\ No newline at end of file
+    }
+
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+    }
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/tagHelper
index 15c522491d..e8f653d22b 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/gantt/tagHelper
@@ -1,77 +1,8 @@
 @{
-    .....
-    List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-    GanttDataSource Record1 = new GanttDataSource()
-    {
-        TaskId = 1,
-        TaskName = "Project initiation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>(),
-    };
-    GanttDataSource Child1 = new GanttDataSource()
-    {
-        TaskId = 2,
-        TaskName = "Identify site location",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 70,
-
-    };
-    GanttDataSource Child2 = new GanttDataSource()
-    {
-        TaskId = 3,
-        TaskName = "Perform soil test",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50
-
-    };
-    GanttDataSource Child3 = new GanttDataSource()
-    {
-        TaskId = 4,
-        TaskName = "Soil test approval",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50
-    };
-    Record1.SubTasks.Add(Child1);
-    Record1.SubTasks.Add(Child2);
-    Record1.SubTasks.Add(Child3);
-
-    GanttDataSource Record2 = new GanttDataSource()
-    {
-        TaskId = 5,
-        TaskName = "Project estimation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>()
-    };
-    GanttDataSource Child4 = new GanttDataSource()
-    {
-        TaskId = 6,
-        TaskName = "Develop floor plan for estimation",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 70
-    };
-    GanttDataSource Child5 = new GanttDataSource()
-    {
-        TaskId = 7,
-        TaskName = "List materials",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 50
-    };
-    Record2.SubTasks.Add(Child4);
-    Record2.SubTasks.Add(Child5);
-
-    GanttDataSourceCollection.Add(Record1);
-    GanttDataSourceCollection.Add(Record2);
+    var dataSource = ViewBag.DataSource;
 }
 
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection" height="450px">
-	<e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate" endDate="EndDate" duration="Duration" progress="Progress" child="SubTasks">
-	</e-gantt-taskfields>
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" parentID="ParentId">
+    </e-gantt-taskfields>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/mappingFields.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/mappingFields.cs
index a6eb1e3b80..1e7b7eccc6 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/mappingFields.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/mappingFields.cs
@@ -1,91 +1,41 @@
-public IActionResult Index()
-{
-    ViewBag.DataSource = ganttData();
-    return View();
-}
+using Microsoft.AspNetCore.Mvc;
 
-   public static List<GanttDataSource> ganttData()
+namespace WebApplication.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
         {
-            List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-            GanttDataSource Record1 = new GanttDataSource()
-            {
-                TaskId = 1,
-                TaskName = "Project initiation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>(),
-            };
-            GanttDataSource Child1 = new GanttDataSource()
-            {
-                TaskId = 2,
-                TaskName = "Identify site location",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 70,
-
-            };
-            GanttDataSource Child2 = new GanttDataSource()
-            {
-                TaskId = 3,
-                TaskName = "Perform soil test",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-
-            };
-            GanttDataSource Child3 = new GanttDataSource()
-            {
-                TaskId = 4,
-                TaskName = "Soil test approval",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50
-            };
-            Record1.SubTasks.Add(Child1);
-            Record1.SubTasks.Add(Child2);
-            Record1.SubTasks.Add(Child3);
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
 
-            GanttDataSource Record2 = new GanttDataSource()
-            {
-                TaskId = 5,
-                TaskName = "Project estimation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>()
-            };
-            GanttDataSource Child4 = new GanttDataSource()
-            {
-                TaskId = 6,
-                TaskName = "Develop floor plan for estimation",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 70
-            };
-            GanttDataSource Child5 = new GanttDataSource()
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
             {
-                TaskId = 7,
-                TaskName = "List materials",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 }
             };
-            Record2.SubTasks.Add(Child4);
-            Record2.SubTasks.Add(Child5);
-
-            GanttDataSourceCollection.Add(Record1);
-            GanttDataSourceCollection.Add(Record2);
 
-            return GanttDataSourceCollection;
+            return data;
         }
-
-        public class GanttDataSource
-        {
-            public int TaskId { get; set; }
-            public string TaskName { get; set; }
-            public DateTime StartDate { get; set; }
-            public DateTime EndDate { get; set; }
-            public int? Duration { get; set; }
-            public int Progress { get; set; }
-            public List<GanttDataSource> SubTasks { get; set; }
-        }
\ No newline at end of file
+    }
+
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+    }
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/tagHelper
index 15c522491d..e8f653d22b 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/mappingFields/tagHelper
@@ -1,77 +1,8 @@
 @{
-    .....
-    List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-    GanttDataSource Record1 = new GanttDataSource()
-    {
-        TaskId = 1,
-        TaskName = "Project initiation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>(),
-    };
-    GanttDataSource Child1 = new GanttDataSource()
-    {
-        TaskId = 2,
-        TaskName = "Identify site location",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 70,
-
-    };
-    GanttDataSource Child2 = new GanttDataSource()
-    {
-        TaskId = 3,
-        TaskName = "Perform soil test",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50
-
-    };
-    GanttDataSource Child3 = new GanttDataSource()
-    {
-        TaskId = 4,
-        TaskName = "Soil test approval",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50
-    };
-    Record1.SubTasks.Add(Child1);
-    Record1.SubTasks.Add(Child2);
-    Record1.SubTasks.Add(Child3);
-
-    GanttDataSource Record2 = new GanttDataSource()
-    {
-        TaskId = 5,
-        TaskName = "Project estimation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>()
-    };
-    GanttDataSource Child4 = new GanttDataSource()
-    {
-        TaskId = 6,
-        TaskName = "Develop floor plan for estimation",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 70
-    };
-    GanttDataSource Child5 = new GanttDataSource()
-    {
-        TaskId = 7,
-        TaskName = "List materials",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 50
-    };
-    Record2.SubTasks.Add(Child4);
-    Record2.SubTasks.Add(Child5);
-
-    GanttDataSourceCollection.Add(Record1);
-    GanttDataSourceCollection.Add(Record2);
+    var dataSource = ViewBag.DataSource;
 }
 
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection" height="450px">
-	<e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate" endDate="EndDate" duration="Duration" progress="Progress" child="SubTasks">
-	</e-gantt-taskfields>
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" parentID="ParentId">
+    </e-gantt-taskfields>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/sorting.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/sorting.cs
index eec9005cde..b373fca58d 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/sorting.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/sorting.cs
@@ -1,5 +1,42 @@
-public IActionResult Index()
+using Microsoft.AspNetCore.Mvc;
+
+namespace WebApplication.Controllers
 {
-    ViewBag.DataSource = GanttData.ProjectNewData();
-    return View();
-}
\ No newline at end of file
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
+        {
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
+
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
+            {
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Predecessor= "2FS" },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5, Predecessor= "7SS" }
+            };
+
+            return data;
+        }
+    }
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+        public string? Predecessor { get; set; }
+    }
+
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/tagHelper
index 50b2d37a51..c5470f8c38 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/sorting/tagHelper
@@ -1,5 +1,8 @@
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection" allowSorting="true">
-   <e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate"
-       endDate="EndDate" duration="Duration" progress="Progress" dependency="Predecessor" child="SubTasks">
-   </e-gantt-taskfields>
+@{
+    var dataSource = ViewBag.DataSource;
+}
+
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px" allowSorting="true">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" dependency="Predecessor" progress="Progress" parentID="ParentId">
+    </e-gantt-taskfields>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/tagHelper
index dcabe77074..8daf9d0e9e 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/tagHelper
@@ -1,5 +1,10 @@
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection">
-   <e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate" endDate="EndDate" duration="Duration" progress="Progress" dependency="Predecessor" child="SubTasks">
-   </e-gantt-taskfields>
-  <e-gantt-editsettings allowTaskbarEditing="true"></e-gantt-editsettings>
+@{
+  var dataSource = ViewBag.DataSource;
+}
+
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" parentID="ParentId">
+    </e-gantt-taskfields>
+    <e-gantt-editsettings allowTaskbarEditing="true">
+	</e-gantt-editsettings>
 </ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/taskbarEditing.cs b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/taskbarEditing.cs
index eec9005cde..1e7b7eccc6 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/taskbarEditing.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/getting-started/taskbarEditing/taskbarEditing.cs
@@ -1,5 +1,41 @@
-public IActionResult Index()
+using Microsoft.AspNetCore.Mvc;
+
+namespace WebApplication.Controllers
 {
-    ViewBag.DataSource = GanttData.ProjectNewData();
-    return View();
-}
\ No newline at end of file
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
+        {
+            ViewBag.DataSource = ganttData();
+            return View();
+        }
+
+        public static List<GanttDataSource> ganttData()
+        {
+            List<GanttDataSource> data = new List<GanttDataSource>
+            {
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1 },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 }
+            };
+
+            return data;
+        }
+    }
+
+    public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+    }
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/assignResource.cs b/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/assignResource.cs
index 7d622d37f0..9712ca82f7 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/assignResource.cs
+++ b/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/assignResource.cs
@@ -1,180 +1,61 @@
-public IActionResult Index()
-{
-     ViewBag.DataSource = ganttData();
-     ViewBag.projectResources = projectResources();
-     return View();
-}
+using Microsoft.AspNetCore.Mvc;
 
-public static List<GanttResources> projectResources()
+namespace WebApplication.Controllers
+{
+    public class HomeController : Controller
+    {
+        public IActionResult Index()
         {
-            List<GanttResources> GanttResourcesCollection = new List<GanttResources>();
-
-            GanttResources Record1 = new GanttResources()
-            {
-                ResourceId = 1,
-                ResourceName = "Martin Tamer"
-            };
-            GanttResources Record2 = new GanttResources()
-            {
-                ResourceId = 2,
-                ResourceName = "Rose Fuller"
-            };
-            GanttResources Record3 = new GanttResources()
-            {
-                ResourceId = 3,
-                ResourceName = "Margaret Buchanan"
-            };
-            GanttResources Record4 = new GanttResources()
-            {
-                ResourceId = 4,
-                ResourceName = "Fuller King"
-            };
-            GanttResources Record5 = new GanttResources()
-            {
-                ResourceId = 5,
-                ResourceName = "Davolio Fuller"
-            };
-            GanttResources Record6 = new GanttResources()
-            {
-                ResourceId = 6,
-                ResourceName = "Van Jack"
-            };
-            GanttResources Record7 = new GanttResources()
-            {
-                ResourceId = 7,
-                ResourceName = "Fuller Buchanan"
-            };
-            GanttResources Record8 = new GanttResources()
-            {
-                ResourceId = 8,
-                ResourceName = "Jack Davolio"
-            };
-            GanttResources Record9 = new GanttResources()
-            {
-                ResourceId = 9,
-                ResourceName = "Tamer Vinet"
-            };
-            GanttResources Record10 = new GanttResources()
-            {
-                ResourceId = 10,
-                ResourceName = "Vinet Fuller"
-            };
-            GanttResources Record11 = new GanttResources()
-            {
-                ResourceId = 11,
-                ResourceName = "Bergs Anton"
-            };
-            GanttResources Record12 = new GanttResources()
-            {
-                ResourceId = 12,
-                ResourceName = "Construction Supervisor"
-            };
-            GanttResourcesCollection.Add(Record1);
-            GanttResourcesCollection.Add(Record2);
-            GanttResourcesCollection.Add(Record3);
-            GanttResourcesCollection.Add(Record4);
-            GanttResourcesCollection.Add(Record5);
-            GanttResourcesCollection.Add(Record6);
-            GanttResourcesCollection.Add(Record7);
-            GanttResourcesCollection.Add(Record8);
-            GanttResourcesCollection.Add(Record9);
-            GanttResourcesCollection.Add(Record10);
-            GanttResourcesCollection.Add(Record11);
-            GanttResourcesCollection.Add(Record12);
-            return GanttResourcesCollection;
+            ViewBag.DataSource = ganttData();
+            ViewBag.Resources = GetProjectResources();
+            return View();
         }
+
         public static List<GanttDataSource> ganttData()
         {
-            List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-
-            GanttDataSource Record1 = new GanttDataSource()
+            List<GanttDataSource> data = new List<GanttDataSource>
             {
-                TaskId = 1,
-                TaskName = "Project initiation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>(),
+                new GanttDataSource { TaskID = 1, TaskName = "Project Initiation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 2, TaskName = "Identify Site location", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Resources= [2, 3] },
+                new GanttDataSource { TaskID = 3, TaskName = "Perform Soil test", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Predecessor= "2FS", Resources= [2] },
+                new GanttDataSource { TaskID = 4, TaskName = "Soil test approval", StartDate = new DateTime(2019, 4, 2), Duration = 4, Progress = 50, ParentId = 1, Resources= [1] },
+                new GanttDataSource { TaskID = 5, TaskName = "Project Estimation", StartDate = new DateTime(2019, 4, 2), EndDate = new DateTime(2019, 4, 21) },
+                new GanttDataSource { TaskID = 6, TaskName = "Develop floor plan for estimation", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5 },
+                new GanttDataSource { TaskID = 7, TaskName = "List materials", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5, Resources= [1, 3, 4] },
+                new GanttDataSource { TaskID = 8, TaskName = "Estimation approval", StartDate = new DateTime(2019, 4, 4), Duration = 3, Progress = 50, ParentId = 5, Predecessor= "7SS"  }
             };
-            GanttDataSource Child1 = new GanttDataSource()
-            {
-                TaskId = 2,
-                TaskName = "Identify site location",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50,
-                ResourceId = new int[] { 1 },
-            };
-            GanttDataSource Child2 = new GanttDataSource()
-            {
-                TaskId = 3,
-                TaskName = "Perform soil test",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50,
-                ResourceId = new int[] { 2, 3, 5 },
-            };
-            GanttDataSource Child3 = new GanttDataSource()
-            {
-                TaskId = 4,
-                TaskName = "Soil test approval",
-                StartDate = new DateTime(2019, 04, 02),
-                Duration = 4,
-                Progress = 50,
-            };
-            Record1.SubTasks.Add(Child1);
-            Record1.SubTasks.Add(Child2);
-            Record1.SubTasks.Add(Child3);
 
-            GanttDataSource Record2 = new GanttDataSource()
-            {
-                TaskId = 5,
-                TaskName = "Project estimation",
-                StartDate = new DateTime(2019, 04, 02),
-                EndDate = new DateTime(2019, 04, 21),
-                SubTasks = new List<GanttDataSource>(),
-            };
-            GanttDataSource Child4 = new GanttDataSource()
-            {
-                TaskId = 6,
-                TaskName = "Develop floor plan for estimation",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50,
-                ResourceId = new int[] { 4 },
-                
-            };
-            GanttDataSource Child5 = new GanttDataSource()
+            return data;
+        }
+
+        public static List<GanttResource> GetProjectResources()
+        {
+            return new List<GanttResource>
             {
-                TaskId = 7,
-                TaskName = "List materials",
-                StartDate = new DateTime(2019, 04, 04),
-                Duration = 3,
-                Progress = 50,
-                ResourceId = new int[] { 4, 8 },
-           
+                new GanttResource { ResourceId = 1, ResourceName = "Martin Tamer" },
+                new GanttResource { ResourceId = 2, ResourceName = "Rose Fuller" },
+                new GanttResource { ResourceId = 3, ResourceName = "Margaret Buchanan" },
+                new GanttResource { ResourceId = 4, ResourceName = "Fuller King" }
             };
-            Record2.SubTasks.Add(Child4);
-            Record2.SubTasks.Add(Child5);
+        }
 
-            GanttDataSourceCollection.Add(Record1);
-            GanttDataSourceCollection.Add(Record2);
+    }
+public class GanttResource
+{
+    public int ResourceId { get; set; }
+    public string ResourceName { get; set; } = string.Empty;
+}
 
-            return GanttDataSourceCollection;
-        }
-        public class GanttResources
-        {
-            public int ResourceId { get; set; }
-            public string ResourceName { get; set; }
-        }
-        public class GanttDataSource
-        {
-            public int TaskId { get; set; }
-            public string TaskName { get; set; }
-            public DateTime StartDate { get; set; }
-            public DateTime EndDate { get; set; }
-            public int? Duration { get; set; }
-            public int Progress { get; set; }
-            public List<GanttDataSource> SubTasks { get; set; }
-            public int[] ResourceId { get; set; }
-            
-        }
\ No newline at end of file
+public class GanttDataSource
+    {
+        public int TaskID { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+        public int? ParentId { get; set; }
+        public string? Predecessor { get; set; }
+        public List<int>? Resources { get; set; }
+    }
+}
diff --git a/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/tagHelper b/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/tagHelper
index 0ebbe0f47d..8539b6a717 100644
--- a/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/gantt/resources/assignResource/tagHelper
@@ -1,162 +1,12 @@
 @{
-    ......
-    //Gantt Resource Collection
-    List<GanttResources> GanttResourcesCollection = new List<GanttResources>();
-    GanttResources Record13 = new GanttResources()
-    {
-        ResourceId = 1,
-        ResourceName = "Martin Tamer"
-    };
-    GanttResources Record14 = new GanttResources()
-    {
-        ResourceId = 2,
-        ResourceName = "Rose Fuller"
-    };
-    GanttResources Record3 = new GanttResources()
-    {
-        ResourceId = 3,
-        ResourceName = "Margaret Buchanan"
-    };
-    GanttResources Record4 = new GanttResources()
-    {
-        ResourceId = 4,
-        ResourceName = "Fuller King"
-    };
-    GanttResources Record5 = new GanttResources()
-    {
-        ResourceId = 5,
-        ResourceName = "Davolio Fuller"
-    };
-    GanttResources Record6 = new GanttResources()
-    {
-        ResourceId = 6,
-        ResourceName = "Van Jack"
-    };
-    GanttResources Record7 = new GanttResources()
-    {
-        ResourceId = 7,
-        ResourceName = "Fuller Buchanan"
-    };
-    GanttResources Record8 = new GanttResources()
-    {
-        ResourceId = 8,
-        ResourceName = "Jack Davolio"
-    };
-    GanttResources Record9 = new GanttResources()
-    {
-        ResourceId = 9,
-        ResourceName = "Tamer Vinet"
-    };
-    GanttResources Record10 = new GanttResources()
-    {
-        ResourceId = 10,
-        ResourceName = "Vinet Fuller"
-    };
-    GanttResources Record11 = new GanttResources()
-    {
-        ResourceId = 11,
-        ResourceName = "Bergs Anton"
-    };
-    GanttResources Record12 = new GanttResources()
-    {
-        ResourceId = 12,
-        ResourceName = "Construction Supervisor"
-    };
-    GanttResourcesCollection.Add(Record13);
-    GanttResourcesCollection.Add(Record14);
-    GanttResourcesCollection.Add(Record3);
-    GanttResourcesCollection.Add(Record4);
-    GanttResourcesCollection.Add(Record5);
-    GanttResourcesCollection.Add(Record6);
-    GanttResourcesCollection.Add(Record7);
-    GanttResourcesCollection.Add(Record8);
-    GanttResourcesCollection.Add(Record9);
-    GanttResourcesCollection.Add(Record10);
-    GanttResourcesCollection.Add(Record11);
-    GanttResourcesCollection.Add(Record12);
-
-    //Gantt Data Source Collection
-    List<GanttDataSource> GanttDataSourceCollection = new List<GanttDataSource>();
-    GanttDataSource Record1 = new GanttDataSource()
-    {
-        TaskId = 1,
-        TaskName = "Project initiation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>(),
-    };
-    GanttDataSource Child1 = new GanttDataSource()
-    {
-        TaskId = 2,
-        TaskName = "Identify site location",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50,
-        ResourceId = new int[] { 1 },
-    };
-    GanttDataSource Child2 = new GanttDataSource()
-    {
-        TaskId = 3,
-        TaskName = "Perform soil test",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Progress = 50,
-        Predecessor = "2FS",
-        ResourceId = new int[] { 2, 3, 5 },
-    };
-    GanttDataSource Child3 = new GanttDataSource()
-    {
-        TaskId = 4,
-        TaskName = "Soil test approval",
-        StartDate = new DateTime(2019, 04, 02),
-        Duration = 4,
-        Predecessor="3FS",
-        Progress = 50,
-    };
-    Record1.SubTasks.Add(Child1);
-    Record1.SubTasks.Add(Child2);
-    Record1.SubTasks.Add(Child3);
-
-    GanttDataSource Record2 = new GanttDataSource()
-    {
-        TaskId = 5,
-        TaskName = "Project estimation",
-        StartDate = new DateTime(2019, 04, 02),
-        EndDate = new DateTime(2019, 04, 21),
-        SubTasks = new List<GanttDataSource>(),
-    };
-    GanttDataSource Child4 = new GanttDataSource()
-    {
-        TaskId = 6,
-        TaskName = "Develop floor plan for estimation",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 50,
-        ResourceId = new int[] { 4 },
-                
-    };
-    GanttDataSource Child5 = new GanttDataSource()
-    {
-        TaskId = 7,
-        TaskName = "List materials",
-        StartDate = new DateTime(2019, 04, 04),
-        Duration = 3,
-        Progress = 50,
-        Predecessor = "6SS",
-        ResourceId = new int[] { 4, 8 },
-           
-    };
-    Record2.SubTasks.Add(Child4);
-    Record2.SubTasks.Add(Child5);
-
-    GanttDataSourceCollection.Add(Record1);
-    GanttDataSourceCollection.Add(Record2);
+    var dataSource = ViewBag.DataSource;
+    var resources = ViewBag.Resources;
 }
 
-<ejs-gantt id='Gantt' dataSource="GanttDataSourceCollection" allowSorting="true" allowFiltering="true" height="450px" resources="GanttResourcesCollection">
-        <e-gantt-taskfields id="TaskId" name="TaskName" startDate="StartDate" endDate="EndDate" duration="Duration" progress="Progress" child="SubTasks" resourceInfo="ResourceId" dependency="Predecessor">
-        </e-gantt-taskfields>
-        <e-gantt-labelSettings rightLabel="${if(ResourceId)}${ResourceId}${/if}"></e-gantt-labelSettings>
-        <e-gantt-resourcefields id="ResourceId" name="ResourceName" unit="Unit">
-        </e-gantt-resourcefields>
-    </ejs-gantt>
\ No newline at end of file
+<ejs-gantt id='GanttTasks' dataSource="ViewBag.dataSource" height="450px" resources="resources">
+    <e-gantt-taskfields id="TaskID" name="TaskName" startDate="StartDate" duration="Duration" progress="Progress" resourceInfo="Resources" parentID="ParentId">
+    </e-gantt-taskfields>
+    <e-gantt-labelSettings rightLabel="Resources"></e-gantt-labelSettings>
+    <e-gantt-resourcefields id="ResourceId" name="ResourceName" unit="Unit">
+    </e-gantt-resourcefields>
+</ejs-gantt>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/gantt/EJ2_ASP.NETCORE/getting-started.md b/ej2-asp-core-mvc/gantt/EJ2_ASP.NETCORE/getting-started.md
index c80cc2a917..db812aa180 100644
--- a/ej2-asp-core-mvc/gantt/EJ2_ASP.NETCORE/getting-started.md
+++ b/ej2-asp-core-mvc/gantt/EJ2_ASP.NETCORE/getting-started.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting Started with ##Platform_Name## Gantt Control | Syncfusion
+title: Getting started with ##Platform_Name## Gantt Control | Syncfusion
 description: Checkout and learn about getting started with ##Platform_Name## Gantt control of Syncfusion Essential JS 2 and more details.
 platform: ej2-asp-core-mvc
 control: Getting Started
@@ -8,12 +8,12 @@ publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
+# Getting started with ASP.NET Core Gantt control
 
-# Getting Started with ASP.NET Core Gantt Control
+This section briefly explains how to include the [ASP.NET Core Gantt](https://www.syncfusion.com/aspnet-core-ui-controls/gantt-chart) control in your ASP.NET Core application using Visual Studio.
 
-This section briefly explains about how to include [ASP.NET Core Gantt](https://www.syncfusion.com/aspnet-core-ui-controls/gantt-chart) control in your ASP.NET Core application using Visual Studio.
+To get started quickly with the ASP.NET Core Gantt Chart, watch the following video. It provides a step-by-step guide to project configuration and demonstrates the basic features and functionalities of the Gantt Chart:
 
-To get started quickly with the ASP.NET Core Gantt Chart, watch the following video. It provides a step-by-step explanation of project configuration and demonstrates the basic features and behaviors of the Gantt Chart:
 {% youtube "https://www.youtube.com/watch?v=tILyz8PyE6A" %}
 
 ## Prerequisites
@@ -22,29 +22,31 @@ To get started quickly with the ASP.NET Core Gantt Chart, watch the following vi
 
 ## Create ASP.NET Core web application with Razor pages
 
-* [Create a Project using Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/tutorials/razor-pages/razor-pages-start?view=aspnetcore-8.0&tabs=visual-studio#create-a-razor-pages-web-app)
+* [Create a Project using Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/tutorials/razor-pages/razor-pages-start?view=aspnetcore-9.0&tabs=visual-studio#create-a-razor-pages-web-app)
 
-* [Create a Project using Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Extension](https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/project-template)
+* [Create a Project using Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Extension](https://ej2.syncfusion.com/aspnetcore/documentation/visual-studio-integration/create-project)
 
 ## Install ASP.NET Core package in the application
 
-To add `ASP.NET Core` controls in the application, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search for [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/) and then install it.  Alternatively, you can utilize the following package manager command to achieve the same.
+To add ASP.NET Core controls to your application, open the NuGet Package Manager in Visual Studio by navigating to `Tools → NuGet Package Manager → Manage NuGet Packages for Solution`. Search for [Syncfusion.EJ2.AspNet.Core](https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/) and install the package.
+
+Alternatively, you can use the following Package Manager command:
 
 {% tabs %}
-{% highlight C# tabtitle="Package Manager" %}
+{% highlight cs tabtitle="Package Manager" %}
 
 Install-Package Syncfusion.EJ2.AspNet.Core -Version {{ site.releaseversion }}
 
 {% endhighlight %}
 {% endtabs %}
 
-N> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core controls are available in [nuget.org.](https://www.nuget.org/packages?q=syncfusion.EJ2) Refer to [NuGet packages topic](https://ej2.syncfusion.com/aspnetcore/documentation/nuget-packages) to learn more about installing NuGet packages in various OS environments. The Syncfusion.EJ2.AspNet.Core NuGet package has dependencies, [Newtonsoft.Json](https://www.nuget.org/packages/Newtonsoft.Json/) for JSON serialization and [Syncfusion.Licensing](https://www.nuget.org/packages/Syncfusion.Licensing/) for validating Syncfusion<sup style="font-size:70%">&reg;</sup> license key.
+> Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core controls are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.EJ2). Refer to the [NuGet packages topic](https://ej2.syncfusion.com/aspnetcore/documentation/nuget-packages) to learn more about installing NuGet packages in various OS environments. The `Syncfusion.EJ2.AspNet.Core` NuGet package has dependencies: [Newtonsoft.Json](https://www.nuget.org/packages/Newtonsoft.Json/) for JSON serialization and [Syncfusion.Licensing](https://www.nuget.org/packages/Syncfusion.Licensing/) for validating the Syncfusion<sup style="font-size:70%">&reg;</sup> license key.
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Tag Helper
 Open `~/Pages/_ViewImports.cshtml` file and import the `Syncfusion.EJ2` TagHelper.
 
 {% tabs %}
-{% highlight C# tabtitle="~/_ViewImports.cshtml" %}
+{% highlight cs tabtitle="~/_ViewImports.cshtml" %}
 
 @addTagHelper *, Syncfusion.EJ2
 
@@ -69,9 +71,9 @@ Here, the theme and script is referred using CDN inside the `<head>` of `~/Pages
 {% endhighlight %}
 {% endtabs %}
 
-N> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetcore/documentation/appearance/theme) to learn different ways ([CDN](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#cdn-reference), [NPM package](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#node-package-manager-npm), and [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)) to refer styles in ASP.NET Core application, and to have the expected appearance for Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core controls.
+> Checkout the [Themes topic](https://ej2.syncfusion.com/aspnetcore/documentation/appearance/theme) to learn different ways ([CDN](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#cdn-reference), [NPM package](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references#node-package-manager-npm), and [CRG](https://ej2.syncfusion.com/aspnetcore/documentation/common/custom-resource-generator)) to refer styles in ASP.NET Core application, and to have the expected appearance for Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core controls.
 
-N> Checkout the [Adding Script Reference](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your ASP.NET Core application.
+> Checkout the [Adding Script Reference](https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your ASP.NET Core application.
 
 ## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Script Manager
 
@@ -91,23 +93,14 @@ Also, register the script manager `<ejs-script>` at the end of `<body>` in the A
 
 ## Add ASP.NET Core Gantt control
 
-Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Gantt tag helper in `~/Pages/Index.cshtml` page. Bind data with the Gantt control by using the [`DataSource`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_DataSource) property. It accepts an array of JavaScript object or the DataManager instance.
+Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Gantt tag helper in the `~/Pages/Index.cshtml` page. Bind the data to the Gantt control by using the [dataSource](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_DataSource) property. It accepts an array of JavaScript object or the `DataManager` instance.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/gantt/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="CSHTML.cs" %}
-public class GanttDataSource
-{
-    public int TaskId { get; set; }
-    public string TaskName { get; set; }
-    public DateTime StartDate { get; set; }
-    public DateTime EndDate { get; set; }
-    public int? Duration { get; set; }
-    public int Progress { get; set; }
-    public List<GanttDataSource> SubTasks { get; set; }
-}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/gantt/gantt.cs %}
 {% endhighlight %}
 {% endtabs %}
 
@@ -117,50 +110,34 @@ Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (m
 
 ## Mapping task fields
 
-The data source fields that are required to render the tasks are mapped to the Gantt control using the [`TaskFields`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_TaskFields) property.
+The data source fields that are required to render the tasks are mapped to the Gantt control using the [taskFields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_TaskFields) property.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/mappingFields/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="CSHTML.cs" %}
-public class GanttDataSource
-{
-    public int TaskId { get; set; }
-    public string TaskName { get; set; }
-    public DateTime StartDate { get; set; }
-    public DateTime EndDate { get; set; }
-    public int? Duration { get; set; }
-    public int Progress { get; set; }
-    public List<GanttDataSource> SubTasks { get; set; }
-}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/mappingFields/mappingFields.cs %}
 {% endhighlight %}
 {% endtabs %}
 
+![ASP.NET Core Gantt Control](images/gantt-control.png)
+
 ## Defining columns
 
 Gantt has an option to define columns as an array. You can customize the Gantt columns using the following properties:
 
-* `Field`: Maps the data source fields to the columns.
-* `HeaderText`: Changes the title of columns.
-* `TextAlign`: Changes the alignment of columns. By default, columns will be left aligned. To change the columns to right align, set `TextAlign` to right.
-* `Format`: Formats the number and date values to standard or custom formats. Here, it is defined for the conversion of numeric values to currency.
+* `field`: Maps the data source fields to the columns.
+* `headerText`: Changes the title of columns.
+* `textAlign`: Changes the alignment of columns. By default, columns will be left aligned. To change the columns to right align, set `textAlign` to right.
+* `format`: Formats the number and date values to standard or custom formats. Here, it is defined for the conversion of numeric values to currency.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/definingColumns/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="CSHTML.cs" %}
-public class GanttDataSource
-{
-    public int TaskId { get; set; }
-    public string TaskName { get; set; }
-    public DateTime StartDate { get; set; }
-    public DateTime EndDate { get; set; }
-    public int? Duration { get; set; }
-    public int Progress { get; set; }
-    public List<GanttDataSource> SubTasks { get; set; }
-}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/definingColumns/definingColumns.cs %}
 {% endhighlight %}
 {% endtabs %}
 
@@ -168,7 +145,7 @@ public class GanttDataSource
 
 ## Enable editing
 
-The editing feature enables you to edit the tasks in the Gantt control. It can be enabled by using the [`EditSettings.AllowEditing`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowEditing) and [`EditSettings.AllowTaskbarEditing`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowTaskbarEditing) properties.
+The editing feature enables you to edit the tasks in the Gantt control. It can be enabled by using the [EditSettings.allowEditing](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowEditing) and [EditSettings.allowTaskbarEditing](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowTaskbarEditing) properties.
 
 The following editing options are available to update the tasks in Gantt:
 
@@ -182,146 +159,131 @@ The following editing options are available to update the tasks in Gantt:
 Modify the task details through cell editing by setting the edit mode to `Auto`.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/cellEditing/tagHelper %}
 {% endhighlight %}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/cellEditing/cellEditing.cs %}
+{% endhighlight %}
 {% endtabs %}
 
 ![Cell Editing in ASP.NET Core Gantt](images/gantt-cell-editing.png)
 
-N> When the edit mode is set to `Auto`, you can change the cells to editable mode by double-clicking anywhere at the TreeGrid and edit the task details in the edit dialog by double-clicking anywhere at the chart.
+> When the edit mode is set to `Auto`, you can change the cells to editable mode by double-clicking anywhere at the TreeGrid and edit the task details in the edit dialog by double-clicking anywhere at the chart.
 
 ### Dialog editing
 
 Modify the task details through dialog by setting the edit mode to `Dialog`.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/dialogEditing/tagHelper %}
 {% endhighlight %}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/dialogEditing/dialogEditing.cs %}
+{% endhighlight %}
 {% endtabs %}
 
-N> In dialog editing mode, the edit dialog will appear while performing double-click action in both TreeGrid and chart sides.
+> In dialog editing mode, the edit dialog will appear while performing double-click action in both TreeGrid and chart sides.
+
+![Dialog Editing in ASP.NET Core Gantt](images/gantt-cell-editing.png)
 
 ### Taskbar editing
 
-Modify the task details through user interaction such as resizing and dragging the taskbar by enabling the [`AllowTaskbarEditing`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowTaskbarEditing) property.
+Modify the task details through user interaction such as resizing and dragging the taskbar by enabling the [allowTaskbarEditing](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowTaskbarEditing) property.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/taskbarEditing/tagHelper %}
 {% endhighlight %}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/taskbarEditing/taskbarEditing.cs %}
+{% endhighlight %}
 {% endtabs %}
 
 ![Taskbar Editing in ASP.NET Core Gantt](images/gantt-taskbar-editing.png)
 
 ### Dependency Editing
 
-Modify the task dependencies using mouse interactions by enabling the [`AllowTaskbarEditing`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowTaskbarEditing) property along with mapping the task dependency data source field to the [`Dependency`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttTaskFields.html#Syncfusion_EJ2_Gantt_GanttTaskFields_Dependency) property.
+Modify the task dependencies using mouse interactions by enabling the [allowTaskbarEditing](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttEditSettings.html#Syncfusion_EJ2_Gantt_GanttEditSettings_AllowTaskbarEditing) property along with mapping the task dependency data source field to the [dependency](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttTaskFields.html#Syncfusion_EJ2_Gantt_GanttTaskFields_Dependency) property.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/dependencyEditing/tagHelper %}
 {% endhighlight %}
-{% highlight cshtml tabtitle="CSHTML.cs" %}
-public class GanttDataSource
-{
-    public int TaskId { get; set; }
-    public string TaskName { get; set; }
-    public string Predecessor { get; set; }
-    public DateTime StartDate { get; set; }
-    public DateTime EndDate { get; set; }
-    public int? Duration { get; set; }
-    public int Progress { get; set; }
-    public List<GanttDataSource> SubTasks { get; set; }
-}
+{% highlight cshtml tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/dependencyEditing/dependencyEditing.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-## Enable filtering
+![Dependency Editing in ASP.NET Core Gantt](images/gantt-dependency-editing.png)
+
+## Enabling predecessors or task relationships
+
+Predecessor or task dependency in the Gantt control is used to depict the relationship between the tasks.
+
+* Start to Start (SS): You cannot start a task until the dependent task starts.
+* Start to Finish (SF): You cannot finish a task until the dependent task finishes.
+* Finish to Start (FS): You cannot start a task until the dependent task completes.
+* Finish to Finish (FF): You cannot finish a task until the dependent task completes.
 
-The filtering feature enables you to view the reduced amount of records based on filter criteria. Gantt provides the menu filtering support for each column. It can be enabled by setting the [`AllowFiltering`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_AllowFiltering) property to `true`. Filtering feature can also be customized using the [`FilterSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_FilterSettings) property.
+You can show the relationship in tasks by using the [dependency](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttTaskFields.html#Syncfusion_EJ2_Gantt_GanttTaskFields_Dependency) property as shown in the following code example.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/gantt/getting-started/filtering/tagHelper %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
+{% include code-snippet/gantt/getting-started/enableDependency/tagHelper %}
+{% endhighlight %}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/enableDependency/enableDependency.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-![Filtering in ASP.NET Core Gantt](images/gantt-filter.png)
+![Enabling predecessors in ASP.NET Core Gantt](images/gantt-dependency-editing.png)
 
-## Enable sorting
+## Assigning resources
 
-The sorting feature enables you to order the records. It can be enabled by setting the [`AllowSorting`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_AllowSorting) property to `true`.The sorting feature can be customized using the [`SortSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_SortSettings) property.
+You can display and assign the resource for each task in the Gantt control. Create a collection of JSON object, which contains id, name, unit and group of the resources and assign it to the [resources](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_Resources) property. Map these fields to the Gantt control using the [resourceFields](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_ResourceFields) property.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/gantt/getting-started/sorting/tagHelper %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
+{% include code-snippet/gantt/resources/assignResource/tagHelper %}
+{% endhighlight %}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/resources/assignResource/assignResource.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-![Sorting in ASP.NET Core Gantt](images/gantt-sort.png)
-
-## Enabling predecessors or task relationships
+![ASP.NET Core Gantt with Resources](images/gantt-resources.png)
 
-Predecessor or task dependency in the Gantt control is used to depict the relationship between the tasks.
-
-* Start to Start (SS): You cannot start a task until the dependent task starts.
-* Start to Finish (SF): You cannot finish a task until the dependent task finishes.
-* Finish to Start (FS): You cannot start a task until the dependent task completes.
-* Finish to Finish (FF): You cannot finish a task until the dependent task completes.
+## Enable filtering
 
-You can show the relationship in tasks by using the [`Dependency`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.GanttTaskFields.html#Syncfusion_EJ2_Gantt_GanttTaskFields_Dependency) property as shown in the following code example.
+The filtering feature enables you to view the reduced amount of records based on filter criteria. Gantt provides the menu filtering support for each column. It can be enabled by setting the [allowFiltering](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_AllowFiltering) property to `true`. Filtering feature can also be customized using the [FilterSettings](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_FilterSettings) property.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/gantt/predecessor/enableDependency/tagHelper %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
+{% include code-snippet/gantt/getting-started/filtering/tagHelper %}
 {% endhighlight %}
-{% highlight cshtml tabtitle="CSHTML.cs" %}
-public class GanttDataSource
-{
-    public int TaskId { get; set; }
-    public string TaskName { get; set; }
-    public string Predecessor { get; set; }
-    public DateTime StartDate { get; set; }
-    public DateTime EndDate { get; set; }
-    public int? Duration { get; set; }
-    public int Progress { get; set; }
-    public List<GanttDataSource> SubTasks { get; set; }
-}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/filtering/filtering.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-## Assigning resources
+![Filtering in ASP.NET Core Gantt](images/gantt-filter.png)
 
-You can display and assign the resource for each task in the Gantt control. Create a collection of JSON object, which contains id, name, unit and group of the resources and assign it to the [`Resources`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_Resources) property. Map these fields to the Gantt control using the [`ResourceFields`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_ResourceFields) property.
+## Enable sorting
+
+The sorting feature enables you to order the records. It can be enabled by setting the [allowSorting](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_AllowSorting) property to `true`.The sorting feature can be customized using the [SortSettings](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_SortSettings) property.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/gantt/resources/assignResource/tagHelper %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
+{% include code-snippet/gantt/getting-started/sorting/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="CSHTML.cs" %}
-public class GanttDataSource
-{
-    public int TaskId { get; set; }
-    public string TaskName { get; set; }
-    public int[] ResourceId { get; set; }
-    public string Predecessor { get; set; }
-    public DateTime StartDate { get; set; }
-    public DateTime EndDate { get; set; }
-    public int? Duration { get; set; }
-    public int Progress { get; set; }
-    public List<GanttDataSource> SubTasks { get; set; }
-}
-public class GanttResources
-{
-    public int ResourceId { get; set; }
-    public string ResourceName { get; set; }
-}
+{% highlight cs tabtitle="HomeController.cs" %}
+{% include code-snippet/gantt/getting-started/sorting/sorting.cs %}
 {% endhighlight %}
 {% endtabs %}
 
-![ASP.NET Core Gantt with Resources](./images/gantt-resources.png)
+![Sorting in ASP.NET Core Gantt](images/gantt-sort.png)
 
 ## Error handling
 
@@ -341,10 +303,10 @@ Error handling is used to identify errors, display them and develop recovery str
 The following code example shows how to use the [actionFailure](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Gantt.Gantt.html#Syncfusion_EJ2_Gantt_Gantt_ActionFailure) event in the Gantt control to display an exception when `isPrimaryKey` is not configured properly in the Gantt Chart column.
 
 {% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="Index.cshtml" %}
 {% include code-snippet/gantt/getting-started/exception-handling/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="DefiningColumns.cs" %}
+{% highlight cs tabtitle="HomeController.cs" %}
 {% include code-snippet/gantt/getting-started/exception-handling/definingColumns.cs %}
 {% endhighlight %}
 {% endtabs %}
@@ -353,9 +315,9 @@ The following screenshot represents the Gantt Exception handling in `actionFailu
 
 ![Error Handling](images/error-handling.png)
 
-N> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-Core-Getting-Started-Examples/tree/main/Gantt/ASP.NET%20Core%20Tag%20Helper%20Examples).
+> [View Sample in GitHub](https://github.com/SyncfusionExamples/ASP-NET-Core-Getting-Started-Examples/tree/main/Gantt/ASP.NET%20Core%20Tag%20Helper%20Examples).
 
 ## See also
 
 * [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core using Razor Pages](https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/razor-pages)
-* [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core MVC using Tag Helper](https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/aspnet-core-mvc-taghelper)
+* [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core MVC using Tag Helper](https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/aspnet-core-mvc-taghelper)
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/gantt/images/error-handling.png b/ej2-asp-core-mvc/gantt/images/error-handling.png
index 795f4bb3ff2f00ee370bd1e5f4bdf9f85f4bbd3b..8a32280e8d6936e6cc5bc8ab8a938b31587480f9 100644
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-cell-editing.png b/ej2-asp-core-mvc/gantt/images/gantt-cell-editing.png
index 7233ea15fd8cbfa8db74d5888c6b17ad900288e3..7c3488484ad8b0b32fba08375c8415b7b022a5f5 100644
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-column.png b/ej2-asp-core-mvc/gantt/images/gantt-column.png
index d819d905b6ff2494ffbfbb8e848aea8d20650ea3..ac75d9e12351552da16f3deb12cef7af641e56d7 100644
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-control.png b/ej2-asp-core-mvc/gantt/images/gantt-control.png
index 9dab703390dc8c7287aa3d1eaebe09518dfe6021..71035a9fb76daf375fd26860b2df60da09d1229c 100644
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-dependency-editing.png b/ej2-asp-core-mvc/gantt/images/gantt-dependency-editing.png
new file mode 100644
index 0000000000000000000000000000000000000000..decf4bf38083f267f2755bee200c6a992615f390
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-filter.png b/ej2-asp-core-mvc/gantt/images/gantt-filter.png
index ce723056bbdf9a0defa428b12e7761cf2c0cbf71..2e38b548539888110dc309e82434c0b0726acc2e 100644
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-resources.png b/ej2-asp-core-mvc/gantt/images/gantt-resources.png
index 8bfb2d482a01f4efd78bc0b994f2c7642a3bcdc1..12a7d6595985a0d9692409eaaea08631f2a3c8cd 100644
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-sort.png b/ej2-asp-core-mvc/gantt/images/gantt-sort.png
index 3a7373c1278b5e92bfba78cff6d5f624cd66a891..9141ea2b7073de6968660db1bcf6f48531c67f0e 100644
GIT binary patch
diff --git a/ej2-asp-core-mvc/gantt/images/gantt-taskbar-editing.png b/ej2-asp-core-mvc/gantt/images/gantt-taskbar-editing.png
index 1f0e036ad06e8d8a3e8bb055f7e28e971957ff51..5666b2f8db60fe409e042880a48ba17371b5cbcc 100644
GIT binary patch

From d29210467df9b1abccc5e7cdf2ec121d0ba0d732 Mon Sep 17 00:00:00 2001
From: Nithya <Nithya.Sivaprakasam@syncfusion.com>
Date: Fri, 8 Aug 2025 10:38:31 +0530
Subject: [PATCH 2/2] 974081: Image correction

---
 .../gantt/images/gantt-cell-editing.png       | Bin 44768 -> 58106 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/ej2-asp-core-mvc/gantt/images/gantt-cell-editing.png b/ej2-asp-core-mvc/gantt/images/gantt-cell-editing.png
index 7c3488484ad8b0b32fba08375c8415b7b022a5f5..650d4bdcb582ddea5eef573627863e1c5434eda0 100644
GIT binary patch
