Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions blazor/gantt-chart/accessibility.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Accessibility in Blazor Gantt Chart Component | Syncfusion
description: Learn about accessibility features in the Syncfusion Blazor Gantt Chart component, including WCAG 2.2, Section 508, and keyboard navigation support.
title: Accessibility in Blazor Gantt Chart Component | Syncfusion®
description: Learn about accessibility features in the Blazor Gantt Chart component, including WCAG 2.2, Section 508, and keyboard navigation support.
platform: Blazor
control: Gantt Chart
documentation: ug
---

# Accessibility in Blazor Gantt Chart Component

The Syncfusion Blazor Gantt Chart component adheres to accessibility guidelines, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/), and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) standards, ensuring compatibility with assistive technologies, including those relying on assistive technologies.
The Blazor Gantt Chart component adheres to accessibility guidelines, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/), and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) standards, ensuring compatibility with assistive technologies, including those relying on assistive technologies.

## Accessibility Compliance

Expand Down Expand Up @@ -197,6 +197,6 @@ Accessibility is validated using [axe-core](https://www.nuget.org/packages/Deque

## Related Resources

- [Accessibility in Syncfusion Blazor Components](https://blazor.syncfusion.com/documentation/common/accessibility)
- [Accessibility in Blazor Components](https://blazor.syncfusion.com/documentation/common/accessibility)
- [Blazor Gantt Chart Feature Tour](https://www.syncfusion.com/blazor-components/blazor-gantt-chart)
- [Blazor Gantt Chart Example](https://blazor.syncfusion.com/demos/gantt-chart/default-functionalities?theme=bootstrap5)
4 changes: 2 additions & 2 deletions blazor/gantt-chart/adding-new-tasks.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Adding new tasks in Blazor Gantt Chart component | Syncfusion
description: Learn how to add tasks dynamically in the Syncfusion Blazor Gantt Chart component using toolbar, context menu, or programmatic methods for project management.
title: Adding new tasks in Blazor Gantt Chart component | Syncfusion®
description: Learn how to add tasks dynamically in the Blazor Gantt Chart component using toolbar, context menu, or programmatic methods for project management.
platform: Blazor
control: Adding new tasks
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions blazor/gantt-chart/baseline.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Baseline in Blazor Gantt Chart Component | Syncfusion
description: Checkout and learn here all about Baseline in Syncfusion Blazor Gantt Chart component and much more.
title: Baseline in Blazor Gantt Chart Component | Syncfusion®
description: Checkout and learn here all the features about Baseline in Blazor Gantt Chart component and much more details.
platform: Blazor
control: Gantt Chart
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions blazor/gantt-chart/cell-selection.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Cell Selection in Blazor Gantt Chart Component | Syncfusion
description: Learn how to configure and customize cell selection in the Syncfusion Blazor Gantt Chart, including single, multiple, and dynamic selection.
title: Cell Selection in Blazor Gantt Chart Component | Syncfusion®
description: Learn how to configure and customize cell selection in the Blazor Gantt Chart, including single, multiple, and dynamic selection.
platform: Blazor
control: Gantt Chart
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions blazor/gantt-chart/clipboard.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Clipboard in Blazor Gantt Chart Component | Syncfusion
description: Checkout and learn here all about clipboard in Syncfusion Blazor Gantt Chart component and much more details.
title: Clipboard in Blazor Gantt Chart Component | Syncfusion®
description: Checkout and learn here all the features about clipboard in Blazor Gantt Chart component and much more details.
platform: Blazor
control: Gantt Chart
documentation: ug
Expand Down
6 changes: 3 additions & 3 deletions blazor/gantt-chart/column-chooser.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Column Chooser in Blazor Gantt Chart Component | Syncfusion
description: Learn how to dynamically show or hide columns using the column chooser in the Syncfusion Blazor Gantt Chart, including custom templates.
title: Column Chooser in Blazor Gantt Chart Component | Syncfusion®
description: Learn how to dynamically show or hide columns using the column chooser in the Blazor Gantt Chart, including custom templates.
platform: Blazor
control: Gantt Chart
documentation: ug
---

# Column Chooser in Blazor Gantt Chart Component

The column chooser feature in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Gantt Chart component provides dynamic control over which columns are displayed in the Gantt view.
The column chooser feature in the Blazor Gantt Chart component provides dynamic control over which columns are displayed in the Gantt view.

To enable this feature, set the [ShowColumnChooser](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_ShowColumnChooser) property to **true**.

Expand Down
4 changes: 2 additions & 2 deletions blazor/gantt-chart/column-menu.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Column Menu in Blazor Gantt Chart Component | Syncfusion
description: Learn how to enable sorting, filtering, and autofit using the column menu in the Syncfusion Blazor Gantt Chart.
title: Column Menu in Blazor Gantt Chart Component | Syncfusion®
description: Learn how to enable sorting, filtering, and autofit using the column menu in the Blazor Gantt Chart.
platform: Blazor
control: Gantt Chart
documentation: ug
Expand Down
6 changes: 3 additions & 3 deletions blazor/gantt-chart/column-reordering.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Column Reordering in Blazor Gantt Chart Component | Syncfusion
description: Checkout and learn here all about Column Reordering in Syncfusion Blazor Gantt Chart component and much more details.
title: Column Reordering in Blazor Gantt Chart Component | Syncfusion®
description: Checkout and learn here all about Column Reordering in Blazor Gantt Chart component and much more details.
platform: Blazor
control: Gantt Chart
documentation: ug
---

# Column reorder in Blazor Gantt Chart component

The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Gantt Chart component supports column reordering by dragging a column header to a new position.
The Blazor Gantt Chart component supports column reordering by dragging a column header to a new position.

To enable column reordering, set the [AllowReordering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_AllowReordering) property to **true** in the Gantt configuration.

Expand Down
6 changes: 3 additions & 3 deletions blazor/gantt-chart/column-resizing.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Column Resizing in Blazor Gantt Chart Component | Syncfusion
description: Checkout and learn here all about Column Resizing in Syncfusion Blazor Gantt Chart component and much more details.
title: Column Resizing in Blazor Gantt Chart Component | Syncfusion®
description: Checkout and learn here all about Column Resizing in Blazor Gantt Chart component and much more details.
platform: Blazor
control: Gantt Chart
documentation: ug
---

# Resize columns in Blazor Gantt Chart component

The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Gantt Chart component allows you to resize columns dynamically by dragging the edges of column headers. This feature enhances readability and layout flexibility, especially when working with large datasets. To enable this feature, set the [AllowResizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_AllowResizing) property to **true** in the Gantt configuration.
The Blazor Gantt Chart component allows you to resize columns dynamically by dragging the edges of column headers. This feature enhances readability and layout flexibility, especially when working with large datasets. To enable this feature, set the [AllowResizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_AllowResizing) property to **true** in the Gantt configuration.

Column width can be adjusted by dragging the right edge of the header, changes are applied immediately.

Expand Down
8 changes: 4 additions & 4 deletions blazor/gantt-chart/column-template.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
---
layout: post
title: Column Template in Blazor Gantt Chart Component | Syncfusion
description: Checkout and learn here all about Column Template in Syncfusion Blazor Gantt Chart component and much more details.
title: Column Template in Blazor Gantt Chart Component | Syncfusion®
description: Checkout and learn here all about Column Template in Blazor Gantt Chart component and much more details.
platform: Blazor
control: Gantt Chart
documentation: ug
---

# Column Template in Blazor Gantt Chart component

The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Gantt Chart component supports column templates, allowing custom content to be displayed in a column instead of the default field value. You can render custom components or HTML elements using the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Template) property to include elements such as images, buttons, or other UI controls within a column.
The Blazor Gantt Chart component supports column templates, allowing custom content to be displayed in a column instead of the default field value. You can render custom components or HTML elements using the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Template) property to include elements such as images, buttons, or other UI controls within a column.

> When using template columns, they are primarily meant for rendering custom content and may not provide built-in support for gantt actions like sorting, filtering, editing unless [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Field) property of the column is specified.

## Render Button in a column

You can render the Syncfusion<sup style="font-size:70%">&reg;</sup> [Button](https://blazor.syncfusion.com/documentation/button/getting-started-with-web-app) component inside a Gantt column by using the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Template) property.
You can render the Blazor [Button](https://blazor.syncfusion.com/documentation/button/getting-started-with-web-app) component inside a Gantt column by using the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Template) property.

{% tabs %}
{% highlight razor tabtitle="Index.razor" %}
Expand Down
8 changes: 4 additions & 4 deletions blazor/gantt-chart/column-validation.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Column Validation in Blazor Gantt Chart Component | Syncfusion
description: Learn to configure built-in and custom column validation in Syncfusion Blazor Gantt Chart, including validation rules, data annotations, and custom validators.
title: Column Validation in Blazor Gantt Chart Component | Syncfusion®
description: Learn to configure built-in and custom column validation in Blazor Gantt Chart, including validation rules, data annotations, and custom validators.
platform: Blazor
control: Gantt Chart
documentation: ug
Expand Down Expand Up @@ -434,7 +434,7 @@ namespace ColumnValidationComponents
}

/// <summary>
/// Adds a validation error message for a given field and notifies the Syncfusion validator template
/// Adds a validation error message for a given field and notifies the validator template
/// to display the message within the corresponding column.
/// </summary>
private void AddError(FieldIdentifier id, string message)
Expand All @@ -444,7 +444,7 @@ namespace ColumnValidationComponents
}

/// <summary>
/// Clears validation messages for a given field and notifies the Syncfusion validator template
/// Clears validation messages for a given field and notifies the validator template
/// to remove any message shown for the corresponding column.
/// </summary>
private void ClearField(FieldIdentifier id)
Expand Down
Loading