SyncfusionExamples · PavithraG-SF5066 · Feb 4, 2026 · Feb 5, 2026 · Feb 9, 2026 · Feb 9, 2026
diff --git a/...ng Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/Gantt_Dapper.Client.csproj b/...ng Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/Gantt_Dapper.Client.csproj
@@ -0,0 +1,17 @@
+<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
+
+  <PropertyGroup>
+    <TargetFramework>net9.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+    <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
+    <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.12" />
+    <PackageReference Include="Syncfusion.Blazor.Gantt" Version="32.1.25" />
+    <PackageReference Include="Syncfusion.Blazor.Themes" Version="32.1.25" />
+  </ItemGroup>
+
+</Project>
diff --git a/...Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/Pages/Home.razor b/...Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/Pages/Home.razor
@@ -0,0 +1,47 @@
+@page "/"
+@rendermode InteractiveAuto
+
+@using Syncfusion.Blazor.Gantt
+@using Syncfusion.Blazor.Data
+@using Syncfusion.Blazor
+
+<SfGantt TValue="TaskData" Height="600px" AllowFiltering="true" AllowSorting="true" TreeColumnIndex="1" EnableContextMenu="true" 
+         Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel", "Search" })">
+
+    <SfDataManager Url="/api/Gantt"
+                   InsertUrl="/api/Gantt/Insert"
+                   UpdateUrl="/api/Gantt/Update"
+                   RemoveUrl="/api/Gantt/Delete"
+                   Adaptor="Adaptors.UrlAdaptor">
+    </SfDataManager>
+
+    <GanttTaskFields Id="TaskId" Name="TaskName" StartDate="StartDate" EndDate="EndDate" Duration="Duration" Progress="Progress" ParentID="ParentId">
+    </GanttTaskFields>
+
+    <GanttEditSettings AllowAdding="true" AllowEditing="true" AllowTaskbarEditing="true" AllowDeleting="true" />
+
+    <GanttColumns>
+        <GanttColumn Field="TaskId" HeaderText="Task ID" Width="150" IsPrimaryKey="true"></GanttColumn>
+        <GanttColumn Field="TaskName" HeaderText="Task Name" Width="250"></GanttColumn>
+        <GanttColumn Field="StartDate" HeaderText="Start Date" Format="d" Width="130"></GanttColumn>
+        <GanttColumn Field="EndDate" HeaderText="End Date" Format="d" Width="130"></GanttColumn>
+        <GanttColumn Field="Duration" HeaderText="Duration" Width="110"></GanttColumn>
+        <GanttColumn Field="Progress" HeaderText="Progress" Width="110"></GanttColumn>
+    </GanttColumns>
+
+</SfGantt>
+
+@code {
+
+    // Keep same model names used in controller response (TaskData)
+    public class TaskData
+    {
+        public int? TaskId { get; set; }
+        public string? TaskName { get; set; }
+        public DateTime? StartDate { get; set; }
+        public DateTime? EndDate { get; set; }
+        public int? ParentId { get; set; }
+        public int? Duration { get; set; }
+        public int? Progress { get; set; }
+    }
+}
diff --git a/...nding Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/Program.cs b/...nding Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/Program.cs
@@ -0,0 +1,9 @@
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using Syncfusion.Blazor;
+
+
+var builder = WebAssemblyHostBuilder.CreateDefault(args);
+
+builder.Services.AddSyncfusionBlazor();
+
+await builder.Build().RunAsync();
diff --git a/...g Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/_Imports.razor b/...g Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper.Client/_Imports.razor
@@ -0,0 +1,9 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using Gantt_Dapper.Client
diff --git a/...ng Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/App.razor b/...ng Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/App.razor
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+    <link rel="stylesheet" href="@Assets["lib/bootstrap/dist/css/bootstrap.min.css"]" />
+    <link rel="stylesheet" href="@Assets["app.css"]" />
+    <link rel="stylesheet" href="@Assets["Gantt_Dapper.styles.css"]" />
+    <ImportMap />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="stylesheet" href="_content/Syncfusion.Blazor.Themes/fluent.css" />
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+    <HeadOutlet />
+</head>
+
+<body>
+    <Routes />
+    <script src="_framework/blazor.web.js"></script>
+</body>
+
+</html>
diff --git a/...g Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Layout/MainLayout.razor b/...g Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Layout/MainLayout.razor
@@ -0,0 +1,15 @@
+@inherits LayoutComponentBase
+
+<div class="page">
+    <main>
+        <article class="content px-4">
+            @Body
+        </article>
+    </main>
+</div>
+
+<div id="blazor-error-ui" data-nosnippet>
+    An unhandled error has occurred.
+    <a href="." class="reload">Reload</a>
+    <span class="dismiss">🗙</span>
+</div>
diff --git a/...l Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Layout/MainLayout.razor.css b/...l Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Layout/MainLayout.razor.css
@@ -0,0 +1,36 @@
+.page {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main {
+    flex: 1;
+}
+
+@media (min-width: 641px) {
+    .page {
+        flex-direction: row;
+    }    
+}
+
+#blazor-error-ui {
+    color-scheme: light only;
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
diff --git a/...r using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Pages/Error.razor b/...r using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Pages/Error.razor
@@ -0,0 +1,36 @@
+@page "/Error"
+@using System.Diagnostics
+
+<PageTitle>Error</PageTitle>
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
+
+@code{
+    [CascadingParameter]
+    private HttpContext? HttpContext { get; set; }
+
+    private string? RequestId { get; set; }
+    private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+    protected override void OnInitialized() =>
+        RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
+}
diff --git a/...Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Routes.razor b/...Dapper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/Routes.razor
@@ -0,0 +1,6 @@
+<Router AppAssembly="typeof(Program).Assembly" AdditionalAssemblies="new[] { typeof(Client._Imports).Assembly }">
+    <Found Context="routeData">
+        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
+        <FocusOnNavigate RouteData="routeData" Selector="h1" />
+    </Found>
+</Router>
diff --git a/...pper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/_Imports.razor b/...pper using Url Adaptor/Blazor Web App/Gantt_Dapper/Gantt_Dapper/Components/_Imports.razor
@@ -0,0 +1,11 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using Gantt_Dapper
+@using Gantt_Dapper.Client
+@using Gantt_Dapper.Components