Syncfusion Blazor Components

https://github.com/syncfusion/blazor-samples
Admin
Syncfusion Blazor Components is a comprehensive library of UI components for building modern web...
Tokens:21,218
Snippets:285
Trust Score:8.7
Update:2 months ago
Show doc for...
Tokens:
Raw
### Configure CDN Asset URLs

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Example URL patterns for production assets hosted on the Syncfusion CDN.

```text
https://cdn.syncfusion.com/blazor/sb/styles/[VERSION]/...
https://cdn.syncfusion.com/blazor/images/demos/...
```

--------------------------------

### Configure Series Binding Paths

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-chart-models.md

Example of mapping specific data model properties to chart axes using XBindingPath and YBindingPath.

```csharp
// Example: if ChartDataModel has properties "Month" and "Revenue"
var series = new SeriesConfig
{
    XBindingPath = "Month",      // X-axis uses Month property
    YBindingPath = "Revenue"     // Y-axis uses Revenue property
};
```

--------------------------------

### Invoke SetCulture via HTML links

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-controllers.md

Examples of triggering the SetCulture action using anchor tags with query parameters.

```html
<!-- Set culture to German with EUR currency and return to home -->
<a href="/culture/setculture?culture=de-DE&redirectUri=/&currency=EUR">
    Deutsch (EUR)
</a>

<!-- Set culture to Arabic with AED currency -->
<a href="/culture/setculture?culture=ar-AE&redirectUri=/datagrid/overview&currency=AED">
    العربية (AED)
</a>

<!-- Clear currency override -->
<a href="/culture/setculture?culture=en-US&redirectUri=/&currency=">
    English (Default)
</a>
```

--------------------------------

### HTTP GET request for SetCulture

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-controllers.md

Example of an HTTP request to the SetCulture endpoint.

```http
GET /culture/setculture?culture=fr-FR&redirectUri=%2Fdatagrid%2Foverview&currency=EUR HTTP/1.1
```

--------------------------------

### GET /culture/setculture

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-controllers.md

Sets the application culture and optionally the currency, then redirects the user to the specified URI.

```APIDOC
## GET /culture/setculture

### Description
Sets the application culture and optionally the currency. The controller persists these preferences via cookies and performs a local redirect to the provided redirectUri.

### Method
GET

### Endpoint
/culture/setculture

### Parameters
#### Query Parameters
- **culture** (string) - Required - Culture code (e.g., "en-US", "fr-FR", "de-DE", "es-ES", "ar-AE")
- **redirectUri** (string) - Required - URI to redirect to after setting culture
- **currency** (string?) - Optional - Currency code override (e.g., "USD", "EUR", "AED")

### Response
#### Success Response (302)
- **Location** (string) - Redirects to the provided redirectUri
- **Set-Cookie** (string) - Sets .AspNetCore.Culture and currency cookies
```

--------------------------------

### SwicthToDemo Method

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Navigates to a different demo platform in a new window. Note the method name contains a typo.

```csharp
public async void SwicthToDemo(string id, NavigationManager UriHelper, bool isAISample, IJSRuntime JsRuntime)
```

--------------------------------

### Configure SampleBrowser Static Class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-sample-models.md

Provides a global container for sample lists, URLs, configuration settings, and preloading files.

```csharp
internal static class SampleBrowser
{
    public static List<SampleList> SampleList { get; set; } = new List<SampleList>();
    internal static List<string> SampleUrls = new List<string>();
    internal static SampleConfig Config { get; set; } = new SampleConfig();
    internal static List<string> PreLoadFiles = new List<string>() { /* ... */ };
}
```

--------------------------------

### Access Sample Browser Configuration

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-sample-models.md

Retrieves the global sample list and iterates through specific category samples.

```csharp
var allSamples = SampleBrowser.SampleList;
var datagridSamples = SampleBrowser.SampleList
    .FirstOrDefault(x => x.Name == "DataGrid");

foreach (var sample in datagridSamples?.Samples ?? new List<Sample>())
{
    Console.WriteLine($"Sample: {sample.Name} - {sample.Url}");
}
```

--------------------------------

### Accessing Sample Info

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Inject SampleService to retrieve metadata, component names, and documentation links for the current sample.

```csharp
@inject SampleService Service

// Current sample metadata
var sample = Service.SampleInfo;
var component = Service.ComponentName;
var docLink = Service.DocumentLink;
```

--------------------------------

### Configure Application Startup

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Standard service registration and hub mapping for Blazor Server and WASM applications in Program.cs.

```csharp
// Blazor Server
builder.Services.AddServerSideBlazor();
app.MapBlazorHub();

// Blazor WASM
builder.Services.AddScoped<SampleService>();
```

--------------------------------

### SampleService Constructor

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Initializes the SampleService instance.

```csharp
public SampleService()
```

--------------------------------

### List Project Solution Files

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Displays the available .csproj files for different .NET versions across Server and WASM project types.

```text
Blazor-Server-Demos/Blazor_Server_Demos_NET8.csproj
Blazor-Server-Demos/Blazor_Server_Demos_NET9.csproj
Blazor-Server-Demos/Blazor_Server_Demos_NET10.csproj

Blazor-WASM-Demos/Blazor_WASM_Demos_NET8.csproj
Blazor-WASM-Demos/Blazor_WASM_Demos_NET9.csproj
Blazor-WASM-Demos/Blazor_WASM_Demos_NET10.csproj
```

--------------------------------

### Initialize ResourceInfoModel

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Creates an instance of a resource with specific capacity.

```csharp
var resource = new ResourceInfoModel 
{ 
    Id = 1, 
    Name = "John Smith", 
    MaxUnit = 100 
};
```

--------------------------------

### Create a Basic Kanban Card

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Initializes a new KanbanDataModel instance with standard properties.

```csharp
var task = new KanbanDataModel
{
    Id = "Task 1",
    Title = "Task - 29001",
    Status = "Open",
    Summary = "Analyze the new requirements",
    Type = "Story",
    Priority = "Low",
    Assignee = "Nancy",
    CardTags = new List<string> { "Analyze", "Customer" },
    Color = "#8b447a"
};
```

--------------------------------

### Initialize a SampleList

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-sample-models.md

Defines a new sample category and its associated samples using the SampleList and Sample models.

```csharp
var sampleList = new SampleList
{
    Name = "DataGrid",
    Directory = "DataGrid",
    Category = "Data Management",
    Type = SampleType.Updated,
    ControllerName = "DataGrid",
    Samples = new List<Sample>
    {
        new Sample
        {
            Name = "Default Functionalities",
            FileName = "default.razor",
            Url = "datagrid/default-functionalities",
            Type = SampleType.None,
            SourceFiles = new List<SourceCollection>
            {
                new SourceCollection { FileName = "default.razor", Id = "razor-code" }
            }
        }
    }
};
```

--------------------------------

### Loading Sample Data

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Use static factory methods provided by data models to retrieve sample records or collections.

```csharp
var orders = OrderData.GetAllRecords();        // 850 records
var bugs = BugData.GetAllBugData();            // 20 records
var employees = OverviewData.GetAllRecords(1000);  // Dynamic count
var tasks = GanttDataModel.TaskDataCollection; // Static collection
var kanbanTasks = KanbanDataModel.GetTasks();  // 20 tasks
```

--------------------------------

### SwicthToDemo

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Navigates the application to a specific demo based on the provided ID.

```APIDOC
## SwicthToDemo

### Description
Navigates the application to a specific demo based on the provided ID.

### Method
public async void SwicthToDemo(string id, NavigationManager, bool, IJSRuntime)

### Parameters
- **id** (string) - Required - The identifier of the demo to switch to.
- **NavigationManager** (NavigationManager) - Required - The navigation manager instance.
- **bool** (bool) - Required - Boolean flag for demo configuration.
- **IJSRuntime** (IJSRuntime) - Required - The JS runtime instance.
```

--------------------------------

### SwicthToDemo

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Navigates to a different demo platform (WASM or Server) in a new browser window.

```APIDOC
## void SwicthToDemo(string id, NavigationManager UriHelper, bool isAISample, IJSRuntime JsRuntime)

### Description
Navigates to a different demo (WASM ↔ Server) in a new window.

### Parameters
- **id** (string) - Required - Target platform ("wasm" or "server")
- **UriHelper** (NavigationManager) - Required - Blazor navigation manager
- **isAISample** (bool) - Required - Whether this is an AI sample
- **JsRuntime** (IJSRuntime) - Required - JavaScript interop runtime
```

--------------------------------

### Pizza Menu Demo

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Demonstrates filtering and parsing logic on a custom PizzaDataModel collection.

```csharp
var menu = PizzaDataModel.GetPizzaData();

// Get vegetarian items
var vegetarian = menu.Where(p => p.Type == "Vegetarian").ToList();

// Get items by size
var large = menu.Where(p => p.Size == "Large").ToList();

// Get items by price range
var affordable = menu
    .Where(p => decimal.Parse(p.Price?.Replace("$", "") ?? "0") < 10)
    .ToList();

// Get items with feedback
var reviewed = menu
    .Where(p => !string.IsNullOrEmpty(p.Feedback))
    .ToList();
```

--------------------------------

### Define Sample Model

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-sample-models.md

Represents an individual sample or demo, containing metadata and source file references.

```csharp
public class Sample
{
    public string? Name { get; set; }
    public string? Directory { get; set; }
    public string? Category { get; set; }
    public string? FileName { get; set; }
    public string? Url { get; set; }
    public string? MappingSampleName { get; set; }
    public string? MetaTitle { get; set; }
    public string? MetaDescription { get; set; }
    public string? HeaderText { get; set; }
    public List<SourceCollection> SourceFiles { get; set; } = new List<SourceCollection>();
    public SampleType Type { get; set; }
    public string[]? NotificationDescription { get; set; }
    public bool IsHideInMobile { get; set; }
    public bool IsHideFromSamplePageList { get; set; }
    public string? CustomCanonicalUrl { get; set; }
}
```

--------------------------------

### Assign Resources to Tasks in C#

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Demonstrates how to create AssignmentModel instances to link resources to specific tasks with defined allocation units.

```csharp
var resources = GanttDataModel.GetResources;
var assignments = new List<AssignmentModel>
{
    new AssignmentModel 
    { 
        PrimaryId = 1, 
        TaskId = 1, 
        ResourceId = resources[0].Id, 
        Unit = 50  // 50% allocation
    },
    new AssignmentModel 
    { 
        PrimaryId = 2, 
        TaskId = 1, 
        ResourceId = resources[1].Id, 
        Unit = 50  // Co-assignment
    }
};
```

--------------------------------

### Define Asset Paths by Environment

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Switch between local asset paths for development/staging and CDN URLs for production builds.

```csharp
#if DEBUG || STAGING
    // Development/staging asset paths (local)
    ImagePath = WebAssetsPath + "images/common/";
#else
    // Production (CDN)
    ImagePath = "https://cdn.syncfusion.com/blazor/images/demos/";
#endif
```

--------------------------------

### Switch Between WASM and Server Demos

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Trigger a demo switch to the WASM version of the current sample using the service's switching method.

```csharp
<button @onclick="() => SwitchToWasm()">View in WASM</button>

@code {
    private void SwitchToWasm()
    {
        Service.SwicthToDemo("wasm", NavigationManager, false, JsRuntime);
        // Opens WASM version of current sample in new window
    }
}
```

--------------------------------

### Initialize Demo Type

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Determines the execution environment (WASM or Server) during service initialization.

```csharp
#if WASM
    DemoType = "Blazor WASM Demos";  // Client-side execution
#else
    DemoType = "Blazor Server Demos";  // Server-side execution
#endif
```

--------------------------------

### Create Card with Tags

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Initializes a KanbanDataModel with additional metadata including tags, CSS classes, and estimates.

```csharp
var task = new KanbanDataModel
{
    Id = "Task 5",
    Title = "Task - 29005",
    Status = "Review",
    Summary = "Fix the issues reported by the customer",
    Type = "Bug",
    Priority = "Low",
    CardTags = new List<string> { "Customer", "Fix" },
    ClassName = new List<string> { "e-bug", "e-low", "e-steven" },
    Estimate = 3.5,
    Assignee = "Steven Walker"
};
```

--------------------------------

### Respond to Property Changes

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-chart-models.md

Demonstrates how to subscribe to the PropertyChanged event to track configuration updates.

```csharp
var chartConfig = new ChartConfig
{
    Title = "Interactive Chart"
};

// Subscribe to property changes
chartConfig.PropertyChanged += (s, e) =>
{
    if (e.PropertyName == nameof(ChartConfig.Title))
    {
        Console.WriteLine($"Chart title changed to: {chartConfig.Title}");
    }
    else if (e.PropertyName == nameof(ChartConfig.ChartType))
    {
        Console.WriteLine($"Chart type changed to: {chartConfig.ChartType}");
    }
};

// Trigger property change notifications
chartConfig.Title = "New Title";  // Triggers PropertyChanged
chartConfig.ShowLegend = true;    // Triggers PropertyChanged
```

--------------------------------

### Initialize Collections

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/types.md

Initialize collections with default instances to prevent null reference exceptions.

```csharp
public List<Sample> Samples { get; set; } = new List<Sample>();
public ObservableCollection<SeriesConfig> Series { get; set; } = new();
```

--------------------------------

### Define SampleList class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-sample-models.md

Represents a complete sample configuration including metadata and associated samples.

```csharp
public class SampleList
{
    public string? Name { get; set; }
    public string? Directory { get; set; }
    public string? Category { get; set; }
    public SampleType Type { get; set; }
    public List<Sample> Samples { get; set; } = new List<Sample>();
    public string? ControllerName { get; set; }
    public string? DemoPath { get; set; }
    public bool IsPreview { get; set; }
    public string? CustomDocLink { get; set; }
    public bool IsHideFromHomePageList { get; set; }
    public bool IsHide { get; set; }
    public string? InfoTooltip { get; set; }
    public string? ComponentIconName { get; set; }
    public string[]? NotificationDescription { get; set; }
}
```

--------------------------------

### Load Project Data Collections in C#

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Retrieves baseline tasks, resources, and assignments from the GanttDataModel to construct a complete project view.

```csharp
// Get baseline project
var baseline = GanttDataModel.GetBaselineCollection();

// Get resources
var resources = GanttDataModel.GetResources;

// Get assignments
var assignments = GanttDataModel.GetAssignmentCollection();

// Combine for complete project view
var project = new 
{
    Tasks = baseline,
    Resources = resources,
    Assignments = assignments
};
```

--------------------------------

### Define Static Asset Paths

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Lists the directory structure for versioned static assets across different platforms and .NET versions.

```text
_content/Blazor_Server_Common_NET8/
_content/Blazor_Server_Common_NET9/
_content/Blazor_Server_Common_NET10/

_content/Blazor_WASM_Common_NET8/
_content/Blazor_WASM_Common_NET9/
_content/Blazor_WASM_Common_NET10/
```

--------------------------------

### Define Pre-load Files Collection

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Configures a list of resources to load before sample initialization, using conditional logic to switch between local development paths and production CDN URLs.

```csharp
internal static List<string> PreLoadFiles = new List<string>()
{
#if DEBUG || STAGING
#if WASM
    #if NET8_0
        "_content/Blazor_WASM_Common_NET8/styles/common/fonts/open-sans-700.woff2",
        "_content/Blazor_WASM_Common_NET8/styles/common/fonts/open-sans-regular.woff2"
    #elif NET9_0
        "_content/Blazor_WASM_Common_NET9/styles/common/fonts/open-sans-700.woff2",
        "_content/Blazor_WASM_Common_NET9/styles/common/fonts/open-sans-regular.woff2"
    #else
        "_content/Blazor_WASM_Common_NET10/styles/common/fonts/open-sans-700.woff2",
        "_content/Blazor_WASM_Common_NET10/styles/common/fonts/open-sans-regular.woff2"
    #endif
#else
    #if NET8_0
        "_content/Blazor_Server_Common_NET8/styles/common/fonts/open-sans-700.woff2",
        "_content/Blazor_Server_Common_NET8/styles/common/fonts/open-sans-regular.woff2"
    // ... other versions
    #endif
#endif
#else
    "https://cdn.syncfusion.com/blazor/sb/styles/34.1.29/common/fonts/open-sans-700.woff2",
    "https://cdn.syncfusion.com/blazor/sb/styles/34.1.29/common/fonts/open-sans-regular.woff2"
#endif
};
```

--------------------------------

### Configuring Charts

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Initialize chart configurations by defining titles, series types, and axis configurations.

```csharp
var config = new ChartConfig { Title = "Sales" };
config.Series.Add(new SeriesConfig { Type = SeriesType.Column });
config.XAxis.Add(new AxisConfig { Type = AxisType.Category });
config.YAxis.Add(new AxisConfig { Type = AxisType.Numeric });
```

--------------------------------

### Retrieve pizza menu data

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Static method to fetch 8 pizza menu items with images and pricing.

```csharp
public static IReadOnlyCollection<PizzaDataModel> GetPizzaData()
```

--------------------------------

### Register SampleService in Dependency Injection

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Register the service in Program.cs with a scoped lifetime to ensure it is available per-request.

```csharp
// Add as scoped service (per-request lifetime)
builder.Services.AddScoped<SampleService>();
```

--------------------------------

### Sample Metadata Class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Defines the structure for SEO and social sharing metadata within a sample.

```csharp
public class Sample
{
    public string? MetaTitle { get; set; }        // <title> tag
    public string? MetaDescription { get; set; }  // <meta name="description">
    public string? CustomCanonicalUrl { get; set; }
}
```

--------------------------------

### Define ResourceInfoModel Class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Defines the structure for project resources.

```csharp
public class ResourceInfoModel
{
    public int Id { get; set; }
    public string? Name { get; set; }
    public double MaxUnit { get; set; }
}
```

--------------------------------

### Create a Line Chart Configuration

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-chart-models.md

Initializes a ChartConfig object with specific axes and a single data series.

```csharp
var chartConfig = new ChartConfig
{
    Title = "Sales Performance",
    ShowLegend = true,
    ChartType = ChartType.Line,
    SideBySidePlacement = true
};

// Configure X-axis
var xAxis = new AxisConfig
{
    Title = "Month",
    Type = AxisType.Category,
    LabelRotation = 45
};
chartConfig.XAxis.Add(xAxis);

// Configure Y-axis
var yAxis = new AxisConfig
{
    Title = "Sales ($)",
    Type = AxisType.Numeric,
    Minimum = 0,
    Maximum = 10000
};
chartConfig.YAxis.Add(yAxis);

// Create data series
var series = new SeriesConfig
{
    Type = SeriesType.Line,
    Name = "2024 Sales",
    XBindingPath = "Month",
    YBindingPath = "Sales",
    EnableTooltip = true,
    Fill = "#0078D4"
};

// Add data points
series.DataSource.Add(new ChartDataModel 
{ 
    XValue = "Jan", 
    YValue = 2300 
});
series.DataSource.Add(new ChartDataModel 
{ 
    XValue = "Feb", 
    YValue = 3100 
});
series.DataSource.Add(new ChartDataModel 
{ 
    XValue = "Mar", 
    YValue = 2800 
});

chartConfig.Series.Add(series);
```

--------------------------------

### Define SmartSuggestionDataModel class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Represents AI-suggested cards for Kanban boards, containing essential task details and effort estimation.

```csharp
public class SmartSuggestionDataModel
{
    public string? Id { get; set; }
    public string? Title { get; set; }
    public string? Status { get; set; }
    public string? Assignee { get; set; }
    public string? Color { get; set; }
    public string? Description { get; set; }
    public int StoryPoints { get; set; }
}
```

--------------------------------

### Component Preview Flag

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Boolean flag to mark components as preview or beta status.

```csharp
public bool IsPreview { get; set; }
```

--------------------------------

### Access SampleService in a Component

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Inject the service into a Razor component to access sample metadata and subscribe to input preference events.

```csharp
@inject SampleService Service

@code {
    protected override async Task OnInitializedAsync()
    {
        // Get current sample info
        var currentSample = Service.SampleInfo;
        var componentName = Service.ComponentName;
        
        // Subscribe to touch/mouse changes
        Service.TouchMousePreferenceChanged += OnPreferenceChanged;
    }
    
    private void OnPreferenceChanged()
    {
        // Handle input preference change
    }
}
```

--------------------------------

### Load and Filter Sample Data

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Demonstrates retrieving tasks and performing LINQ operations to filter by status, priority, or group by assignee.

```csharp
// Load predefined tasks
var tasks = KanbanDataModel.GetTasks();

// Filter by status
var openTasks = tasks.Where(t => t.Status == "Open").ToList();

// Filter by priority
var criticalTasks = tasks
    .Where(t => t.Priority == "Critical")
    .ToList();

// Group by assignee
var byAssignee = tasks
    .GroupBy(t => t.Assignee)
    .ToDictionary(g => g.Key, g => g.ToList());
```

--------------------------------

### Create a Multi-Series Column Chart

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-chart-models.md

Configures a column chart with multiple data series for comparative analysis.

```csharp
var chartConfig = new ChartConfig
{
    Title = "Quarterly Revenue Comparison",
    ShowLegend = true,
    ChartType = ChartType.Column,
    SideBySidePlacement = true  // Side-by-side rather than stacked
};

// X-axis: Quarters
var xAxis = new AxisConfig
{
    Title = "Quarter",
    Type = AxisType.Category
};
chartConfig.XAxis.Add(xAxis);

// Y-axis: Revenue
var yAxis = new AxisConfig
{
    Title = "Revenue (Millions)",
    Type = AxisType.Numeric,
    Minimum = 0,
    Maximum = 5000
};
chartConfig.YAxis.Add(yAxis);

// First series: Product A
var seriesA = new SeriesConfig
{
    Type = SeriesType.Column,
    Name = "Product A",
    XBindingPath = "Quarter",
    YBindingPath = "RevenueA",
    Fill = "#1f77b4"
};

seriesA.DataSource.Add(new ChartDataModel { XValue = "Q1", YValue = 1200 });
seriesA.DataSource.Add(new ChartDataModel { XValue = "Q2", YValue = 1500 });
seriesA.DataSource.Add(new ChartDataModel { XValue = "Q3", YValue = 1800 });
seriesA.DataSource.Add(new ChartDataModel { XValue = "Q4", YValue = 2100 });

chartConfig.Series.Add(seriesA);

// Second series: Product B
var seriesB = new SeriesConfig
{
    Type = SeriesType.Column,
    Name = "Product B",
    XBindingPath = "Quarter",
    YBindingPath = "RevenueB",
    Fill = "#ff7f0e"
};

seriesB.DataSource.Add(new ChartDataModel { XValue = "Q1", YValue = 800 });
seriesB.DataSource.Add(new ChartDataModel { XValue = "Q2", YValue = 950 });
seriesB.DataSource.Add(new ChartDataModel { XValue = "Q3", YValue = 1100 });
seriesB.DataSource.Add(new ChartDataModel { XValue = "Q4", YValue = 1300 });

chartConfig.Series.Add(seriesB);
```

--------------------------------

### Set Image Paths Based on .NET Version

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Adjust asset paths dynamically based on the target .NET framework version using preprocessor directives.

```csharp
#if NET8_0
    ImagePath = "_content/Blazor_Server_Common_NET8/images/common/";
#elif NET9_0
    ImagePath = "_content/Blazor_Server_Common_NET9/images/common/";
#else
    // Defaults to NET10_0
    ImagePath = "_content/Blazor_Server_Common_NET10/images/common/";
#endif
```

--------------------------------

### Configure Platform Targets via Conditional Compilation

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Use WASM or SERVER symbols to toggle between client-side and server-side Blazor demo configurations.

```csharp
#if WASM
    // WebAssembly (Client-side) specific code
    DemoType = "Blazor WASM Demos";
#else
    // Server-side Blazor
    DemoType = "Blazor Server Demos";
#endif
```

--------------------------------

### Create a Task with Dependencies in C#

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Defines a list of TaskInfoModel objects with properties for scheduling, duration, progress, and predecessor dependencies.

```csharp
var tasks = new List<TaskInfoModel>
{
    new TaskInfoModel 
    { 
        Id = 1, 
        Name = "Design Phase", 
        StartDate = new DateTime(2024, 1, 1),
        EndDate = new DateTime(2024, 1, 15),
        Duration = "5",
        Progress = 100
    },
    new TaskInfoModel 
    { 
        Id = 2, 
        Name = "Implementation", 
        StartDate = new DateTime(2024, 1, 16),
        EndDate = new DateTime(2024, 2, 15),
        Duration = "20",
        Predecessor = "1",  // Depends on Task 1
        ParentId = null
    }
};
```

--------------------------------

### Register Dependency Injection Services

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Registers core services required for the application, such as SampleService.

```csharp
builder.Services.AddScoped<SampleService>();
// Other services configured based on demo type
```

--------------------------------

### SampleService Class Definition

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

The primary service class for managing sample browser state, navigation, and component lifecycle.

```csharp
public class SampleService
{
    // Properties
    public bool IsDevice { get; set; }
    public SpinnerComponent? Spinner { get; set; }
    public string? ComponentName { get; set; }
    public Sample? SampleInfo { get; set; }
    public DynamicResourceLoader? DynamicResourceLoader { get; set; }
    public string? SampleName { get; set; }
    public bool IsThemeChangeOnBrowserNav { get; set; }
    public string? BrowserNavTheme { get; set; }
    public bool IsResourcesLoadedOnInternalNav { get; set; }
    public bool IsBrowserNav { get; set; }
    public bool HideSpinnerOnStylesLoad { get; set; }
    public bool HideSpinnerOnScriptsLoad { get; set; }
    public SampleMetaData? MetaData { get; set; }
    public string? FirstSamplePath { get; set; }
    public string? LastSamplePath { get; set; }
    public string? CurrentSamplePath { get; set; }
    public string? DocumentLink { get; set; }
    public string? ImagePath { get; set; }
    public string ShowCaseImagePath { get; set; }
    public bool IsHomeLoaded { get; set; }
    public bool IsDemoLoaded { get; set; }
    public bool SampleJSLoaded { get; set; }
    public string DemoType { get; set; }
    public bool IsDiagramScriptLoaded { get; set; }
    public string WebAssetsPath { get; set; }
    public bool IsBuild { get; set; }

    public event Action? TouchMousePreferenceChanged;

    public static string AssetsPath { get; }

    // Methods
    public SampleService()
    public void NotifyTouchMousePreferenceChanged()
    public async void SwicthToDemo(string id, NavigationManager UriHelper, bool isAISample, IJSRuntime JsRuntime)
    internal void Update(NavigationManager urlHelper)
    internal void UpdateFooter(string? currentUrl)
    public static bool IsOldTheme(string theme)
}
```

--------------------------------

### Retrieve Kanban tasks

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Static methods to fetch predefined Kanban task collections.

```csharp
public static IReadOnlyCollection<KanbanDataModel> GetKanbanTasks()
public static IReadOnlyCollection<KanbanDataModel> GetTasks()
```

--------------------------------

### Work with Assignments

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Uses LINQ to identify available assignees and detect workload distribution issues.

```csharp
var tasks = KanbanDataModel.GetTasks();

// Find available assignees
var availableAssignees = tasks
    .Where(t => t.AssigneeAvailability)
    .Select(t => t.Assignee)
    .Distinct()
    .ToList();

// Find overallocated assignees
var workload = tasks
    .GroupBy(t => t.Assignee)
    .Where(g => g.Count() > 5)
    .Select(g => new { Name = g.Key, Count = g.Count() })
    .ToList();
```

--------------------------------

### Load Order Data

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-grid-models.md

Retrieves a list of order records for use in pagination demonstrations.

```csharp
List<OrderData> orders = OrderData.GetAllRecords();
// Load 850 records for pagination demo
```

--------------------------------

### Define Legacy Themes

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/types.md

Array of strings representing legacy theme names used by SampleService.IsOldTheme().

```csharp
private static readonly string[] OldThemes = 
{
    "material",
    "material-dark",
    "fluent",
    "fluent-dark",
    "bootstrap4",
    "bootstrap5",
    "bootstrap5-dark",
    "tailwind",
    "tailwind-dark",
    "fabric",
    "fabric-dark",
    "highcontrast"
};
```

--------------------------------

### Update Method

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Internal method to update SampleInfo and ComponentName based on the current URI.

```csharp
internal void Update(NavigationManager urlHelper)
```

--------------------------------

### Resolve Asset Paths

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Construct asset paths dynamically using the service to handle differences between DEBUG and RELEASE environments.

```csharp
// Use platform-specific asset paths
string imagePath = $"{Service.ImagePath}icon.png";
// In DEBUG: "_content/Blazor_Server_Common_NET8/images/common/icon.png"
// In RELEASE: "https://cdn.syncfusion.com/blazor/images/demos/icon.png"
```

--------------------------------

### Initialize AssignmentModel

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Creates an assignment instance to allocate a resource to a task.

```csharp
var assignment = new AssignmentModel 
{ 
    PrimaryId = 1, 
    TaskId = 2, 
    ResourceId = 1, 
    Unit = 100 // Full allocation
};
```

--------------------------------

### UpdateFooter Method

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Internal method to update the documentation link based on the current URL and component.

```csharp
internal void UpdateFooter(string? currentUrl)
```

--------------------------------

### Common Project Directory Structure

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Represents the shared directory layout used across all project variants.

```text
Common/
├── Controllers/
├── Model/
├── Pages/
├── Service/
└── Shared/
```

--------------------------------

### Static Data Generator Signatures

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Method signatures for retrieving data models for Grid, Gantt, Kanban, Pizza, and Chart components.

```csharp
// Grid/Table Models
static List<T> GetAllRecords()           // OrderDetails, etc.
static List<T> GetAllRecords(int count)  // OverviewData

// Gantt Models
static List<TaskInfoModel> GetTaskCollection()
static List<TaskInfoModel> DataSourceCollection()
static List<AssignmentModel> GetAssignmentCollection()

// Kanban Models
static IReadOnlyCollection<KanbanDataModel> GetTasks()
static IReadOnlyCollection<KanbanDataModel> GetKanbanTasks()

// Pizza Demo
static IReadOnlyCollection<PizzaDataModel> GetPizzaData()

// Chart Models (Observable)
public ObservableCollection<SeriesConfig> Series { get; set; }
```

--------------------------------

### Override Documentation Link

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Use this property to specify a custom URL for component documentation instead of the default auto-generated link.

```csharp
public string? CustomDocLink { get; set; }
```

--------------------------------

### Importing Required Namespaces

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Include these namespaces in your C# files to access sample models, services, and controllers.

```csharp
using BlazorDemos;              // Sample models
using BlazorDemos.Model;        // Chart, Gantt, Kanban models
using blazor_griddata;          // Grid/table models
using BlazorDemos.Shared;       // SampleService
using BlazorDemos.Controllers;  // Controllers
```

--------------------------------

### IsOldTheme Method

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Checks if a given theme name belongs to the legacy theme set.

```csharp
public static bool IsOldTheme(string theme)
```

```csharp
if (SampleService.IsOldTheme(currentTheme))
{
    // Apply migration logic for legacy themes
}
```

--------------------------------

### Setting Culture

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Navigate to the culture endpoint to update the application culture and currency settings.

```csharp
// Navigate to culture endpoint
string url = "/culture/setculture?culture=de-DE&redirectUri=/&currency=EUR";
NavigationManager.NavigateTo(url);
```

--------------------------------

### Theme Query Parameter

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Themes are applied via URL query parameters and processed by the SampleService during navigation.

```text
?theme=fluent2
?theme=bootstrap5-dark
```

--------------------------------

### Define SetCulture action method

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-controllers.md

Method signature for setting application culture and currency.

```csharp
public IActionResult SetCulture(string culture, string redirectUri, string? currency)
```

--------------------------------

### Define PizzaDataModel class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-kanban-models.md

Represents a menu item in the food ordering Kanban demo.

```csharp
public class PizzaDataModel
{
    public string? Id { get; set; }
    public string? Title { get; set; }
    public string? Type { get; set; }
    public IReadOnlyCollection<string>? CardTags { get; init; }
    public string? OrderID { get; set; }
    public string? Size { get; set; }
    public Uri? ImageURL { get; set; }
    public string? Description { get; set; }
    public string? Category { get; set; }
    public string? Price { get; set; }
    public DateTime? Date { get; set; }
    public string? Feedback { get; set; }
    public int? SentimentScore { get; set; }
    public string? Emoji { get; set; }
}
```

--------------------------------

### Dynamic Data Binding in Blazor Charts

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-chart-models.md

Demonstrates configuring a line series and performing dynamic updates to the data source.

```csharp
var series = new SeriesConfig
{
    Type = SeriesType.Line,
    XBindingPath = "Month",
    YBindingPath = "Sales"
};

// Add initial data
for (int i = 1; i <= 12; i++)
{
    series.DataSource.Add(new ChartDataModel
    {
        XValue = DateTimeFormatInfo.CurrentInfo.GetMonthName(i),
        YValue = 1000 + (i * 100)
    });
}

// Update data dynamically
if (series.DataSource.Count > 0)
{
    var lastPoint = series.DataSource.Last() as ChartDataModel;
    lastPoint.YValue = 2500;  // Update existing point
    
    // Add new data point
    series.DataSource.Add(new ChartDataModel
    {
        XValue = "Jan (Next Year)",
        YValue = 2600
    });
}
```

--------------------------------

### Service Method Signatures

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Method signatures for SampleService and CultureController operations.

```csharp
// SampleService
public void NotifyTouchMousePreferenceChanged()
public async void SwicthToDemo(string id, NavigationManager, bool, IJSRuntime)
internal void Update(NavigationManager urlHelper)
internal void UpdateFooter(string? currentUrl)
public static bool IsOldTheme(string theme)

// CultureController
public IActionResult SetCulture(string culture, string redirectUri, string? currency)
```

--------------------------------

### Define AssignmentModel Class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Defines the structure for linking resources to tasks.

```csharp
public class AssignmentModel
{
    public int PrimaryId { get; set; }
    public int TaskId { get; set; }
    public int ResourceId { get; set; }
    public double Unit { get; set; }
}
```

--------------------------------

### Set Build Environment Indicator

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Use the BUILD_ENV symbol to flag deployments intended for build environments.

```csharp
#if BUILD_ENV
    IsBuild = true;  // Indicates build environment deployment
#endif
```

--------------------------------

### Check Legacy Theme Status

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Use this check before rendering to determine if migration logic or user prompts are required for older themes.

```csharp
if (SampleService.IsOldTheme(currentTheme))
{
    // Apply migration logic or prompt user to update
}
```

--------------------------------

### Set Culture via JavaScript

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-controllers.md

Uses window.location to navigate to the culture endpoint with encoded redirect URI and parameters.

```javascript
// Navigate to culture endpoint with dynamic values
function setCulture(cultureCode, currencyCode) {
    const currentPath = window.location.pathname + window.location.search;
    const encodedPath = encodeURIComponent(currentPath);
    const url = `/culture/setculture?culture=${cultureCode}&redirectUri=${encodedPath}&currency=${currencyCode}`;
    window.location.href = url;
}

// Usage
setCulture('de-DE', 'EUR');  // German with Euro
setCulture('ar-AE', 'AED');  // Arabic with Dirham
```

--------------------------------

### Resolve Assets Path Dynamically

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Uses conditional compilation to return the correct asset path based on the current platform and .NET version.

```csharp
public static string AssetsPath
{
    get
    {
#if WASM
    #if NET8_0
        return "_content/Blazor_WASM_Common_NET8/";
    #elif NET9_0
        return "_content/Blazor_WASM_Common_NET9/";
    #else
        return "_content/Blazor_WASM_Common_NET10/";
    #endif
#else
    #if NET8_0
        return "_content/Blazor_Server_Common_NET8/";
    #elif NET9_0
        return "_content/Blazor_Server_Common_NET9/";
    #else
        return "_content/Blazor_Server_Common_NET10/";
    #endif
    }
}
```

--------------------------------

### Use ObservableCollection for UI Updates

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/types.md

Demonstrates adding items to an ObservableCollection to trigger automatic UI updates.

```csharp
var series = new SeriesConfig();
series.DataSource.Add(new ChartDataModel { XValue = "Jan", YValue = 100 });
// UI automatically updates if bound to ObservableCollection
```

--------------------------------

### Define SampleListType class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-sample-models.md

Represents a hierarchical container for organizing sample data.

```csharp
public class SampleListType
{
    public List<SampleListType>? SourceData { get; set; }
    public string? Name { get; set; }
    public SampleType Type { get; set; }
    public List<Sample>? Samples { get; set; }
    public string? DemoPath { get; set; }
    public string? Category { get; set; }
    public string? InfoTooltip { get; set; }
    public bool? IsHide { get; set; }
}
```

--------------------------------

### Update Documentation Footer Link

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Update the footer documentation link based on the current navigation URI.

```csharp
protected override void OnInitialized()
{
    Service.UpdateFooter(NavigationManager.Uri);
    // DocumentLink is now set based on current component
}
```

--------------------------------

### Define OrderDetails Model

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-grid-models.md

Represents detailed order information including shipping and financial data.

```csharp
public class OrderDetails
{
    public OrderDetails()
    public OrderDetails(int OrderID, string CustomerId, int EmployeeId, double Freight, 
                        DateTime OrderDate, string ShipCity, string ShipName, string ShipCountry, 
                        DateTime ShippedDate, string ShipAddress, double AdvanceAmount, 
                        double TotalAmount, long PhoneNumber)
    public int? OrderID { get; set; }
    public string? CustomerID { get; set; }
    public int? EmployeeID { get; set; }
    public double? Freight { get; set; }
    public string? ShipCity { get; set; }
    public DateTime? OrderDate { get; set; }
    public string? ShipName { get; set; }
    public string? ShipCountry { get; set; }
    public DateTime? ShippedDate { get; set; }
    public string? ShipAddress { get; set; }
    public long PhoneNumber { get; set; }
    public double? AdvanceAmount { get; set; }
    public double? TotalAmount { get; set; }
}
```

--------------------------------

### Configure Localization Resources

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Sets the resource path for localization services in the application.

```csharp
builder.Services.AddLocalization(options => 
    options.ResourcesPath = "Resources");
```

--------------------------------

### Define OverviewData Model

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-grid-models.md

Represents employee personnel data including performance metrics and contact information. Suitable for HR management grid views.

```csharp
public class OverviewData
{
    public int EmployeeID { get; set; }
    public string? Employees { get; set; }
    public string? Designation { get; set; }
    public string? Location { get; set; }
    public string? Status { get; set; }
    public string? Trustworthiness { get; set; }
    public int Rating { get; set; }
    public int Software { get; set; }
    public string? EmployeeImg { get; set; }
    public int CurrentSalary { get; set; }
    public string? Address { get; set; }
    public string? Mail { get; set; }
}
```

--------------------------------

### Define SourceCollection Model

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-sample-models.md

Represents a reference to a single source code file within a sample.

```csharp
public class SourceCollection
{
    public string? FileName { get; set; }
    public string? Id { get; set; }
```

--------------------------------

### Generate Employee Records

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-grid-models.md

Generates a specified number of employee records for virtual scrolling demonstrations.

```csharp
var employees = OverviewData.GetAllRecords(1000);
// Generate 1000 employee records for virtual scroll demonstration
```

--------------------------------

### Define MessageContent Class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Defines the structure for AI assistant chat messages.

```csharp
public class MessageContent
{
    public string role { get; set; } = string.Empty;
    public string content { get; set; } = string.Empty;
}
```

--------------------------------

### Define Init-Only Collections

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/types.md

Use init-only properties for collections that should remain immutable after object creation.

```csharp
public IReadOnlyCollection<string>? CardTags { get; init; }
```

--------------------------------

### Define TaskInfoModel Class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Defines the structure for project tasks including scheduling and hierarchy.

```csharp
public class TaskInfoModel
{
    public int Id { get; set; }
    public string? Name { get; set; }
    public string? TaskType { get; set; }
    public DateTime? StartDate { get; set; }
    public DateTime? EndDate { get; set; }
    public string? Duration { get; set; }
    public int Progress { get; set; }
    public string? Predecessor { get; set; }
    public int? ParentId { get; set; }
    public double? Work { get; set; }
    public DateTime? BaselineStartDate { get; set; }
    public DateTime? BaselineEndDate { get; set; }
    public string Status { get; set; } = string.Empty;
}
```

--------------------------------

### Conditional Compilation Directives

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/README.md

Use these preprocessor directives to manage environment-specific logic for WebAssembly, .NET versions, and build configurations.

```csharp
#if WASM          // WebAssembly vs Server
#if NET8_0        // .NET 8, 9, or 10
#if DEBUG         // Development vs Production
```

--------------------------------

### OrderPage Model Definition

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-grid-models.md

Defines the paginated order model used for demonstrating grid paging functionality.

```csharp
public class OrderPage
{
    public OrderPage()
    public OrderPage(int OrderID, string CustomerId, double Freight, string ShipCountry, DateTime OrderDate)
    public int? OrderID { get; set; }
    public string? CustomerID { get; set; }
    public double? Freight { get; set; }
    public string? ShipCountry { get; set; }
    public DateTime? OrderDate { get; set; }
}
```

--------------------------------

### IsOldTheme

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-services.md

Checks if a given theme name belongs to the legacy theme set.

```APIDOC
## bool IsOldTheme(string theme)

### Description
Checks if theme name is from legacy theme set.

### Parameters
- **theme** (string) - Required - Theme name to check

### Return Value
- **bool** - Returns true if theme is in legacy set (e.g., material, fluent, bootstrap4/5, tailwind, fabric, highcontrast).
```

--------------------------------

### Orders Model Definition

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-grid-models.md

Defines the order model with separated date and time components for scheduling.

```csharp
public class Orders
{
    public Orders()
    public Orders(int OrderID, string CustomerId, int EmployeeId, double Freight, bool Verified, 
                  DateOnly OrderDate, TimeOnly OrderTime, string ShipCity, string ShipName, 
                  string ShipCountry, DateTime ShippedDate, string ShipAddress)
    public int? OrderID { get; set; }
    public string? CustomerID { get; set; }
    public int? EmployeeID { get; set; }
    public double? Freight { get; set; }
    public string? ShipCity { get; set; }
    public bool Verified { get; set; }
    public DateOnly? OrderDate { get; set; }
    public TimeOnly? OrderTime { get; set; }
    public string? ShipName { get; set; }
    public string? ShipCountry { get; set; }
    public DateTime ShippedDate { get; set; }
    public string? ShipAddress { get; set; }
}
```

--------------------------------

### Define CultureController class

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-controllers.md

The controller uses attribute routing with the [controller]/[action] pattern.

```csharp
[Route("[controller]/[action]")]
public class CultureController : Controller
{
    public IActionResult SetCulture(string culture, string redirectUri, string? currency)
}
```

--------------------------------

### Define Notification Messages

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/configuration.md

Configures an array of strings to display notification messages for samples or components.

```csharp
public string[]? NotificationDescription { get; set; }
```

--------------------------------

### Track Task Status in C#

Source: https://github.com/syncfusion/blazor-samples/blob/master/_autodocs/api-reference-gantt-models.md

Filters historical task data based on progress percentage to categorize tasks by completion status.

```csharp
var tasks = GanttDataModel.HistoricalTaskData;

// Get completed tasks
var completedTasks = tasks.Where(t => t.Progress == 100).ToList();

// Get in-progress tasks
var inProgressTasks = tasks.Where(t => t.Progress > 0 && t.Progress < 100).ToList();

// Get not-started tasks
var notStartedTasks = tasks.Where(t => t.Progress == 0).ToList();
```
Tokens:
Raw