{
  "$schema": "https://ai.syncfusion.com/schema/registry-item.json",
  "name": "gantt-default",
  "framework": "aspnet-core",
  "type": "registry:component",
  "component": "Gantt",
  "variant": "default",
  "dependencies": [
    "Syncfusion.AspNetCore.Gantt"
  ],
  "description": "Gantt chart with task dependencies, weekend highlighting, splitter, and label settings.",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "license": "commercial-or-community",
    "licenseNote": "The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md",
    "requiresLicenseKey": true,
    "requiresServerEndpoint": false,
    "platformIndex": "https://ai.syncfusion.com/aspnetcore/llms.txt",
    "skillPack": "syncfusion/aspnetcore-ui-components-skills",
    "docs": "https://ai.syncfusion.com/gallery/aspnet-core/gantt-default.md"
  },
  "files": [
    {
      "target": "src/components/gantt-default/gantt.cshtml",
      "content": "@page\n@model EJ2CoreSampleBrowser.Models.DefaultFunctionalitiesModel\n \n    <div class=\"control-section\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <ejs-gantt id='DefaultFunctionalities' dataSource=\"@Model.DataSource\" height=\"400px\" rowHeight=\"46\"\n                    taskbarHeight=\"25\" treeColumnIndex=\"1\" created=\"created\" highlightWeekends=\"true\"\n                    projectStartDate=\"03/26/2025\" projectEndDate=\"07/20/2025\">\n                    <e-gantt-taskfields id=\"TaskId\" name=\"TaskName\" startDate=\"StartDate\" endDate=\"EndDate\" duration=\"Duration\"\n                        progress=\"Progress\" dependency=\"Predecessor\" parentID=\"ParentID\">\n                    </e-gantt-taskfields>\n                    <e-gantt-columns>\n                        <e-gantt-column field=\"TaskId\" width=\"80\"></e-gantt-column>\n                        <e-gantt-column field=\"TaskName\" headerText=\"Job Name\" width=\"250\" clipMode=\"EllipsisWithTooltip\"></e-gantt-column>\n                        <e-gantt-column field=\"StartDate\"></e-gantt-column>\n                        <e-gantt-column field=\"Duration\"></e-gantt-column>\n                        <e-gantt-column field=\"Progress\"></e-gantt-column>\n                        <e-gantt-column field=\"Predecessor\"></e-gantt-column>\n                    </e-gantt-columns>\n                    <e-gantt-splittersettings columnIndex=\"2\"></e-gantt-splittersettings>\n                    <e-gantt-labelSettings leftLabel=\"TaskName\"></e-gantt-labelSettings>\n                </ejs-gantt>\n            </div>\n        </div>\n    </div>\n    <script>\n        function created() {\n            var gantt = document.getElementsByClassName('e-gantt')[0].ej2_instances[0];\n            if (document.querySelector('.e-bigger')) {\n                gantt.rowHeight = 48;\n                gantt.taskbarHeight = 28;\n            }\n        };\n    </script>"
    },
    {
      "target": "src/components/gantt-default/gantt.cshtml.cs",
      "content": "using System;\nusing System.Collections.Generic;\nusing Microsoft.AspNetCore.Mvc.RazorPages;\n\nnamespace EJ2CoreSampleBrowser.Models;\n\npublic class DefaultFunctionalitiesModel : PageModel\n{\n    public List<GanttDataSource> DataSource { get; set; }\n\n    public void OnGet()\n    {\n        DataSource = ProjectNewData();\n    }\n\n    public static List<GanttDataSource> ProjectNewData()\n    {\n        return new List<GanttDataSource>\n        {\n            new() { TaskId = 1, TaskName = \"Product concept\", StartDate = new DateTime(2025, 4, 2), EndDate = new DateTime(2025, 4, 8) },\n            new() { TaskId = 2, TaskName = \"Define the product usage\", StartDate = new DateTime(2025, 4, 2), EndDate = new DateTime(2025, 4, 8), Duration = 1, Progress = 30, ParentID = 1 },\n            new() { TaskId = 3, TaskName = \"Define the target audience\", StartDate = new DateTime(2025, 4, 2), EndDate = new DateTime(2025, 4, 4), Duration = 2, Progress = 40, ParentID = 1 },\n            new() { TaskId = 4, TaskName = \"Prepare product sketch and notes\", StartDate = new DateTime(2025, 4, 5), Duration = 2, Progress = 30, ParentID = 1, Predecessor = \"2\" },\n            new() { TaskId = 5, TaskName = \"Concept approval\", StartDate = new DateTime(2025, 4, 8), Duration = 0, ParentID = 1, Predecessor = \"3,4\" },\n            new() { TaskId = 6, TaskName = \"Market research\", StartDate = new DateTime(2025, 4, 9), EndDate = new DateTime(2025, 4, 18), Progress = 30 }\n        };\n    }\n}\n\npublic class GanttDataSource\n    {\n        public int TaskId { get; set; }\n        public string TaskName { get; set; } = string.Empty;\n        public DateTime? StartDate { get; set; }\n        public DateTime? EndDate { get; set; }\n        public int? Duration { get; set; }\n        public int Progress { get; set; }\n        public string Predecessor { get; set; } = string.Empty;\n        public int? ParentID { get; set; }\n    }\n"
    }
  ]
}