diff --git a/blazor/gantt-chart/accessibility.md b/blazor/gantt-chart/accessibility.md index 41333ecc26..c14aca19d3 100644 --- a/blazor/gantt-chart/accessibility.md +++ b/blazor/gantt-chart/accessibility.md @@ -1,7 +1,7 @@ --- 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 @@ -9,7 +9,7 @@ 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 @@ -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) \ No newline at end of file diff --git a/blazor/gantt-chart/adding-new-tasks.md b/blazor/gantt-chart/adding-new-tasks.md index 679aba0426..077f4d7a7d 100644 --- a/blazor/gantt-chart/adding-new-tasks.md +++ b/blazor/gantt-chart/adding-new-tasks.md @@ -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 diff --git a/blazor/gantt-chart/baseline.md b/blazor/gantt-chart/baseline.md index 0c6297ba98..df7d75ccd8 100644 --- a/blazor/gantt-chart/baseline.md +++ b/blazor/gantt-chart/baseline.md @@ -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 diff --git a/blazor/gantt-chart/cell-selection.md b/blazor/gantt-chart/cell-selection.md index 4e5fec6e44..dedbc72f67 100644 --- a/blazor/gantt-chart/cell-selection.md +++ b/blazor/gantt-chart/cell-selection.md @@ -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 diff --git a/blazor/gantt-chart/clipboard.md b/blazor/gantt-chart/clipboard.md index 7046189c61..c451b9256d 100644 --- a/blazor/gantt-chart/clipboard.md +++ b/blazor/gantt-chart/clipboard.md @@ -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 diff --git a/blazor/gantt-chart/column-chooser.md b/blazor/gantt-chart/column-chooser.md index 816c3711da..6906de7f51 100644 --- a/blazor/gantt-chart/column-chooser.md +++ b/blazor/gantt-chart/column-chooser.md @@ -1,7 +1,7 @@ --- 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 @@ -9,7 +9,7 @@ documentation: ug # Column Chooser in Blazor Gantt Chart Component -The column chooser feature in the Syncfusion® 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**. diff --git a/blazor/gantt-chart/column-menu.md b/blazor/gantt-chart/column-menu.md index a66b0a72ee..a09f2ce9a4 100644 --- a/blazor/gantt-chart/column-menu.md +++ b/blazor/gantt-chart/column-menu.md @@ -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 diff --git a/blazor/gantt-chart/column-reordering.md b/blazor/gantt-chart/column-reordering.md index 3dd058548e..6a35cb4dc2 100644 --- a/blazor/gantt-chart/column-reordering.md +++ b/blazor/gantt-chart/column-reordering.md @@ -1,7 +1,7 @@ --- 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 @@ -9,7 +9,7 @@ documentation: ug # Column reorder in Blazor Gantt Chart component -The Syncfusion® 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. diff --git a/blazor/gantt-chart/column-resizing.md b/blazor/gantt-chart/column-resizing.md index 2ef9481602..5da2f9a5a7 100644 --- a/blazor/gantt-chart/column-resizing.md +++ b/blazor/gantt-chart/column-resizing.md @@ -1,7 +1,7 @@ --- 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 @@ -9,7 +9,7 @@ documentation: ug # Resize columns in Blazor Gantt Chart component -The Syncfusion® 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. diff --git a/blazor/gantt-chart/column-template.md b/blazor/gantt-chart/column-template.md index cf1478edfb..0797b3b0b3 100644 --- a/blazor/gantt-chart/column-template.md +++ b/blazor/gantt-chart/column-template.md @@ -1,7 +1,7 @@ --- 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 @@ -9,13 +9,13 @@ documentation: ug # Column Template in Blazor Gantt Chart component -The Syncfusion® 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® [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" %} diff --git a/blazor/gantt-chart/column-validation.md b/blazor/gantt-chart/column-validation.md index f7079b3223..0b0d74e598 100644 --- a/blazor/gantt-chart/column-validation.md +++ b/blazor/gantt-chart/column-validation.md @@ -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 @@ -434,7 +434,7 @@ namespace ColumnValidationComponents } /// - /// 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. /// private void AddError(FieldIdentifier id, string message) @@ -444,7 +444,7 @@ namespace ColumnValidationComponents } /// - /// 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. /// private void ClearField(FieldIdentifier id) diff --git a/blazor/gantt-chart/columns.md b/blazor/gantt-chart/columns.md index 56df2259d2..5cbaea0798 100644 --- a/blazor/gantt-chart/columns.md +++ b/blazor/gantt-chart/columns.md @@ -1,7 +1,7 @@ --- layout: post -title: Columns in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Columns in Syncfusion Blazor Gantt Chart component and much more details. +title: Columns in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all the features about Columns in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Columns in Blazor Gantt component -The Syncfusion® Blazor Gantt Chart component displays task data in a tabular format using columns. Columns organize task data efficiently and enable user interactions such as sorting, filtering, and formatting within the Gantt chart. +The Blazor Gantt Chart component displays task data in a tabular format using columns. Columns organize task data efficiently and enable user interactions such as sorting, filtering, and formatting within the Gantt chart. Each column is defined using the [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Field) property, which maps values from the data source. This mapping ensures accurate data binding and enables formatting and customization for each column. @@ -87,7 +87,7 @@ You can define columns using the [GanttColumns](https://help.syncfusion.com/cr/b ## Column types -The Syncfusion® Blazor Gantt component lets you specify the data type for each column using the [GanttColumn.Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Type) property. This ensures that values are rendered with appropriate formatting, such as numeric or date formats, based on the column's data type. +The Blazor Gantt component lets you specify the data type for each column using the [GanttColumn.Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Type) property. This ensures that values are rendered with appropriate formatting, such as numeric or date formats, based on the column's data type. **Gantt supports the following column types:** @@ -174,7 +174,7 @@ The Syncfusion® Blazor Gantt component lets ## Column formatting -The Syncfusion® Gantt Chart component for Blazor supports column formatting to customize data presentation. You can format numbers, dates, or apply templates based on specific requirements. Use the [GanttColumn.Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Format) property to define the desired format for each column. +The Gantt Chart component for Blazor supports column formatting to customize data presentation. You can format numbers, dates, or apply templates based on specific requirements. Use the [GanttColumn.Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Format) property to define the desired format for each column. {% tabs %} {% highlight razor tabtitle="Index.razor" %} @@ -241,7 +241,7 @@ The Syncfusion® Gantt Chart component for B ### Number formatting -The Syncfusion® Gantt Chart component for Blazor supports number formatting through the [GanttColumn.Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Format) property, where standard format strings define numeric value presentation including currency, percentage, and decimal formats. The following standard format strings are available: +The Gantt Chart component for Blazor supports number formatting through the [GanttColumn.Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Format) property, where standard format strings define numeric value presentation including currency, percentage, and decimal formats. The following standard format strings are available: | Format | Description | Remarks | |--------|--------------------|-------------------------------------------------------------------------| @@ -312,7 +312,7 @@ The following example code demonstrates the formatting of data for the **TaskID* ### Date formatting -The Syncfusion® Gantt component for Blazor supports date formatting in columns using the [GanttColumn.Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Format) property, where format strings such as **d**, **D**, **MMM dd, yyyy** can be applied. Both built-in formats like **yMd** and custom formats are supported to define the layout and detail of date and time values based on column requirements. The following custom formats and their corresponding output are listed below: +The Blazor Gantt component for Blazor supports date formatting in columns using the [GanttColumn.Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_Format) property, where format strings such as **d**, **D**, **MMM dd, yyyy** can be applied. Both built-in formats like **yMd** and custom formats are supported to define the layout and detail of date and time values based on column requirements. The following custom formats and their corresponding output are listed below: Format | Formatted value -----|----- @@ -583,7 +583,7 @@ The Syncfusion® Blazor Gantt Chart component d ## Show or hide columns -The Syncfusion® Blazor Gantt Chart component allows dynamic control over column visibility using built-in properties and methods. +The Blazor Gantt Chart component allows dynamic control over column visibility using built-in properties and methods. ### Using methods @@ -754,7 +754,7 @@ The following example demonstrates hiding and showing the **TaskName** and **Dur ## Controlling Gantt actions -The Syncfusion® Blazor Gantt Chart component allows fine-grained control over column-level actions such as editing, filtering, sorting, resizing, and reordering. These actions can be enabled or disabled individually using the following properties in the [GanttColumn](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html) configuration: +The Blazor Gantt Chart component allows fine-grained control over column-level actions such as editing, filtering, sorting, resizing, and reordering. These actions can be enabled or disabled individually using the following properties in the [GanttColumn](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html) configuration: | Property | Description | |----------|-------------| @@ -829,7 +829,7 @@ The Syncfusion® Blazor Gantt Chart componen ## Responsive columns -The Syncfusion® Blazor Gantt Chart component provides a built-in feature to control column visibility based on media queries using the [HideAtMedia](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_HideAtMedia) property in the column object. This method can be used to hide columns automatically when the screen width matches specified [media query](http://cssmediaqueries.com/what-are-css-media-queries.html) conditions. +The Blazor Gantt Chart component provides a built-in feature to control column visibility based on media queries using the [HideAtMedia](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_HideAtMedia) property in the column object. This method can be used to hide columns automatically when the screen width matches specified [media query](http://cssmediaqueries.com/what-are-css-media-queries.html) conditions. The following example demonstrates a Gantt chart where the **Job Name** column is set to `(min-width: 700px)`, meaning it will be hidden when the browser width is less than or equal to 700px. Similarly, the **Duration** column is set to `(max-width: 500px)`, so it will be hidden when the browser width exceeds 500px. diff --git a/blazor/gantt-chart/content-security-policy.md b/blazor/gantt-chart/content-security-policy.md index 3f83de385e..863bbfdc8c 100644 --- a/blazor/gantt-chart/content-security-policy.md +++ b/blazor/gantt-chart/content-security-policy.md @@ -1,7 +1,7 @@ --- layout: post -title: Gantt Chart - Strict CSP Feature Limitations - Syncfusion -description: Details on Syncfusion Blazor features in Gantt Chart that require Content Security Policy (CSP) relaxation. +title: Gantt Chart - Strict CSP Feature Limitations | Syncfusion® +description: Details on Blazor features in Gantt Chart that require Content Security Policy (CSP) relaxation and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -81,4 +81,4 @@ Include `'unsafe-inline'` if you want to use rich text formatting in the Notes f ## See also -* [Content security policy in Syncfusion® Blazor components](https://blazor.syncfusion.com/documentation/common/content-security-policy) \ No newline at end of file +* [Content security policy in Blazor components](https://blazor.syncfusion.com/documentation/common/content-security-policy) \ No newline at end of file diff --git a/blazor/gantt-chart/context-menu.md b/blazor/gantt-chart/context-menu.md index ce5cf3f836..98aa8f9d27 100644 --- a/blazor/gantt-chart/context-menu.md +++ b/blazor/gantt-chart/context-menu.md @@ -1,7 +1,7 @@ --- layout: post -title: Context Menu in Blazor Gantt Chart Component | Syncfusion -description: Check out and learn here all about Context Menu in Syncfusion Blazor Gantt Chart component and much more. +title: Context Menu in Blazor Gantt Chart Component | Syncfusion® +description: Check out and learn here all about Context Menu in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug diff --git a/blazor/gantt-chart/criticalpath.md b/blazor/gantt-chart/criticalpath.md index 44deeff5b2..468ad20793 100644 --- a/blazor/gantt-chart/criticalpath.md +++ b/blazor/gantt-chart/criticalpath.md @@ -1,7 +1,7 @@ --- layout: post -title: Critical Path in Blazor Gantt Chart Component | Syncfusion -description: Learn here all about Critical path in Syncfusion Blazor Gantt Chart component and much more details. +title: Critical Path in Blazor Gantt Chart Component | Syncfusion® +description: Learn here all about the Critical path and set up configuration in Blazor Gantt Chart component and much more details. platform: Blazor component: Critical path documentation: ug diff --git a/blazor/gantt-chart/customize-pdf-export.md b/blazor/gantt-chart/customize-pdf-export.md index 1a0584c8aa..23a64a8960 100644 --- a/blazor/gantt-chart/customize-pdf-export.md +++ b/blazor/gantt-chart/customize-pdf-export.md @@ -1,7 +1,7 @@ --- layout: post -title: Customize PDF exporting in Syncfusion Blazor Gantt Chart -description: Learn here all about Customize PDF exporting in Syncfusion Blazor Gantt Chart component and much more. +title: Customize PDF exporting in Blazor Gantt Chart | Syncfusion® +description: Learn here all about Customize PDF exporting in Blazor Gantt Chart component and and much more details. platform: Blazor control: Customize pdf export documentation: ug diff --git a/blazor/gantt-chart/data-binding.md b/blazor/gantt-chart/data-binding.md index 88fdba1b3d..c9ebfb5197 100644 --- a/blazor/gantt-chart/data-binding.md +++ b/blazor/gantt-chart/data-binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Data Binding in Syncfusion Blazor Gantt Chart component and much more. +title: Data Binding in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about Data Binding in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -586,7 +586,7 @@ This interface is used to notify that a property value has changed. For example, ## Remote Data -The Syncfusion Blazor component enables remote data binding by connecting UI components to server-side data sources. This approach facilitates fetching, displaying, and manipulating data stored on remote servers. +The Blazor component enables remote data binding by connecting UI components to server-side data sources. This approach facilitates fetching, displaying, and manipulating data stored on remote servers. To bind remote data to the Gantt component, assign service data as an instance of [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) to the `DataSource` property or use the `SfDataManager` component.Set the service endpoint using the **Url** property to enable data operations. diff --git a/blazor/gantt-chart/data-markers.md b/blazor/gantt-chart/data-markers.md index 7d342143c0..63a765f4ec 100644 --- a/blazor/gantt-chart/data-markers.md +++ b/blazor/gantt-chart/data-markers.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Markers in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Data Markers in Syncfusion Blazor Gantt Chart component and much more. +title: Data Markers in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about Data Markers in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug diff --git a/blazor/gantt-chart/deleting-tasks.md b/blazor/gantt-chart/deleting-tasks.md index b33df9d9d9..e18a0a940d 100644 --- a/blazor/gantt-chart/deleting-tasks.md +++ b/blazor/gantt-chart/deleting-tasks.md @@ -1,7 +1,7 @@ --- layout: post -title: Deleting tasks in Blazor Gantt Chart Component | Syncfusion -description: Learn how to delete tasks dynamically in the Syncfusion Blazor Gantt Chart component using toolbar or programmatic methods for efficient project management. +title: Deleting tasks in Blazor Gantt Chart Component | Syncfusion® +description: Learn how to delete tasks dynamically in the Blazor Gantt Chart component using toolbar or programmatic methods for efficient project management. platform: Blazor control: Deleting tasks documentation: ug diff --git a/blazor/gantt-chart/drag-and-drop.md b/blazor/gantt-chart/drag-and-drop.md index 93c2bb3308..b49695c4bb 100644 --- a/blazor/gantt-chart/drag-and-drop.md +++ b/blazor/gantt-chart/drag-and-drop.md @@ -1,7 +1,7 @@ --- layout: post -title: Rows Drag and Drop in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Row Drag and Drop in Syncfusion Blazor Gantt Chart component and much more details. +title: Rows Drag and Drop in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about Row Drag and Drop in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Row drag and drop in Blazor Gantt Chart component -The Syncfusion® Blazor Gantt Chart component includes built-in support for row drag and drop, enabling rows to be rearranged within the Gantt chart or dropped into custom components. +The Blazor Gantt Chart component includes built-in support for row drag and drop, enabling rows to be rearranged within the Gantt chart or dropped into custom components. To enable this feature, set the [AllowRowDragAndDrop](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_AllowRowDragAndDrop) property to **true**. diff --git a/blazor/gantt-chart/editing-tasks.md b/blazor/gantt-chart/editing-tasks.md index 28a0f7e848..89bc90186e 100644 --- a/blazor/gantt-chart/editing-tasks.md +++ b/blazor/gantt-chart/editing-tasks.md @@ -1,7 +1,7 @@ --- layout: post -title: Editing tasks in Blazor Gantt Chart Component | Syncfusion -description: Learn to dynamically edit tasks in Syncfusion Blazor Gantt Chart using cell, dialog, taskbar, or code-based methods for seamless project updates. +title: Editing tasks in Blazor Gantt Chart Component | Syncfusion® +description: Learn to dynamically edit tasks in Blazor Gantt Chart using cell, dialog, taskbar, or code-based methods for seamless project updates. platform: Blazor control: Editing tasks documentation: ug diff --git a/blazor/gantt-chart/event-markers.md b/blazor/gantt-chart/event-markers.md index 804286a0cb..890946c913 100644 --- a/blazor/gantt-chart/event-markers.md +++ b/blazor/gantt-chart/event-markers.md @@ -1,7 +1,7 @@ --- layout: post -title: Event Markers in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Event Markers in Syncfusion Blazor Gantt Chart component and more. +title: Event Markers in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about Event Markers in Blazor Gantt Chart component and much more details. platform: Blazor control: Eventmarkers documentation: ug diff --git a/blazor/gantt-chart/events.md b/blazor/gantt-chart/events.md index 8b524acf24..ff4ac92099 100644 --- a/blazor/gantt-chart/events.md +++ b/blazor/gantt-chart/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about events in Syncfusion Blazor Gantt Chart component and much more details. +title: Events in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about the features and events in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug diff --git a/blazor/gantt-chart/excel-export.md b/blazor/gantt-chart/excel-export.md index 9712e3e349..93ffabb16d 100644 --- a/blazor/gantt-chart/excel-export.md +++ b/blazor/gantt-chart/excel-export.md @@ -1,7 +1,7 @@ --- layout: post -title: Excel Export in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Excel Export in Syncfusion Blazor Gantt Chart component and much more. +title: Excel Export in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about Excel Export in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Excel Export in Blazor Gantt Chart Component -The Syncfusion Blazor Gantt Chart component supports exporting project data to Excel and CSV formats, enabling seamless sharing, reporting, and offline analysis. +The Blazor Gantt Chart component supports exporting project data to Excel and CSV formats, enabling seamless sharing, reporting, and offline analysis. To enable Excel or CSV export functionality, set the [AllowExcelExport](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_AllowExcelExport) property to **true**. diff --git a/blazor/gantt-chart/excel-like-filter.md b/blazor/gantt-chart/excel-like-filter.md index e197b938b1..553e4b93bc 100644 --- a/blazor/gantt-chart/excel-like-filter.md +++ b/blazor/gantt-chart/excel-like-filter.md @@ -1,7 +1,7 @@ --- layout: post -title: Excel Like Filter in Blazor Gantt Chart | Syncfusion -description: Checkout and learn here all about Excel like filter in Syncfusion Blazor Gantt Chart and much more details. +title: Excel Like Filter in Blazor Gantt Chart | Syncfusion® +description: Checkout and learn here all the features about Excel like filter in Blazor Gantt Chart and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Excel like filter in Blazor Gantt Chart component -The Excel-like filter in Syncfusion® Blazor Gantt Chart component enables column-level filtering similar to Microsoft Excel. It supports sorting, clearing filters, and applying advanced conditions through a submenu available in each column header. This feature is highly effective for working with large datasets and applying multiple filter criteria. +The Excel-like filter in Blazor Gantt Chart component enables column-level filtering similar to Microsoft Excel. It supports sorting, clearing filters, and applying advanced conditions through a submenu available in each column header. This feature is highly effective for working with large datasets and applying multiple filter criteria. To enable this feature, configure [GanttFilterSettings.FilterType](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttFilterSettings.html#Syncfusion_Blazor_Gantt_GanttFilterSettings_FilterType) as **Excel** and set [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_AllowFiltering) to **true**. @@ -70,7 +70,7 @@ To enable this feature, configure [GanttFilterSettings.FilterType](https://help. ## Customize the filter choice count -The Syncfusion® Blazor Gantt Chart component displays up to 1000 distinct values per column in the filter dialog by default. These values are taken from the first 1000 records bound to the component and shown as checkbox list items to maintain optimal performance. Additional values can be accessed using the search option within the filter dialog. +The Blazor Gantt Chart component displays up to 1000 distinct values per column in the filter dialog by default. These values are taken from the first 1000 records bound to the component and shown as checkbox list items to maintain optimal performance. Additional values can be accessed using the search option within the filter dialog. To customize this behavior, the [FilterChoiceCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.FilterDialogOpenedEventArgs.html#Syncfusion_Blazor_Grids_FilterDialogOpenedEventArgs_FilterChoiceCount) property can be configured within the[FilterDialogOpening](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttEvents-1.html#Syncfusion_Blazor_Gantt_GanttEvents_1_FilterDialogOpening) event to increase or decrease the number of distinct values displayed, depending on the dataset size and filtering requirements. @@ -139,7 +139,7 @@ To customize this behavior, the [FilterChoiceCount](https://help.syncfusion.com/ ## Show customized text in filter dialog -You can customize the text shown in the filter dialog of the Syncfusion® Blazor Gantt Chart component by using the [FilterItemTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_FilterItemTemplate) property. This feature allows you to present meaningful labels based on the values of a specific column. +You can customize the text shown in the filter dialog of the Blazor Gantt Chart component by using the [FilterItemTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_FilterItemTemplate) property. This feature allows you to present meaningful labels based on the values of a specific column. In the example below, the filter checkbox list for the **Status** column is customized by defining a `FilterItemTemplate` within the column configuration. The **FilterItemTemplateContext** is used to conditionally render descriptive labels: **Completed** when the value is **true**, and **In Progress** when the value is **false**. @@ -212,7 +212,7 @@ In the example below, the filter checkbox list for the **Status** column is cust ## Customize the Excel filter using CSS -In the Syncfusion® Blazor Gantt Chart, there is flexibility to enhance the visual presentation of the Excel filter dialog. This can be achieved by utilizing CSS styles to modify the dialog's appearance according to specific project management needs and application aesthetics. +In the Blazor Gantt Chart, there is flexibility to enhance the visual presentation of the Excel filter dialog. This can be achieved by utilizing CSS styles to modify the dialog's appearance according to specific project management needs and application aesthetics. ### Removing context menu option diff --git a/blazor/gantt-chart/filter-menu.md b/blazor/gantt-chart/filter-menu.md index d8fb1741b2..fe39bd7d1c 100644 --- a/blazor/gantt-chart/filter-menu.md +++ b/blazor/gantt-chart/filter-menu.md @@ -1,7 +1,7 @@ --- layout: post -title: Excel Like Filter in Blazor Gantt Chart | Syncfusion -description: Checkout and learn here all about Excel like filter in Syncfusion Blazor Gantt Chart and much more details. +title: Filter menu in Blazor Gantt Chart | Syncfusion® +description: Checkout and learn here all the features about the Filter menu in Blazor Gantt Chart and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -9,13 +9,13 @@ documentation: ug # Filter menu in Blazor Gantt Chart component -The Syncfusion Blazor Gantt Chart component provides a filter menu for each column, allowing filtering based on data type and supported operators. +The Blazor Gantt Chart component provides a filter menu for each column, allowing filtering based on data type and supported operators. To enable this feature, configure [GanttFilterSettings.FilterType](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttFilterSettings.html#Syncfusion_Blazor_Gantt_GanttFilterSettings_FilterType) as **Menu** and set [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_AllowFiltering) to **true**. ## Custom component in filter menu -You can customize the filter menu in the Syncfusion® Blazor Gantt Chart component using the [FilterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_FilterTemplate) property. This allows you to replace the default filter controls with custom components such as dropdowns or textboxes for specific columns. By default, the Gantt Chart uses Autocomplete for string columns, NumericTextBox for number columns, DatePicker for date columns, and DropDownList for boolean column. +You can customize the filter menu in the Blazor Gantt Chart component using the [FilterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_FilterTemplate) property. This allows you to replace the default filter controls with custom components such as dropdowns or textboxes for specific columns. By default, the Gantt Chart uses Autocomplete for string columns, NumericTextBox for number columns, DatePicker for date columns, and DropDownList for boolean column. Here is a sample code demonstrating how to render a [DropDownList](https://blazor.syncfusion.com/documentation/dropdown-list/getting-started-with-web-app) for the **TaskName** column: @@ -186,7 +186,7 @@ You can perform filtering programmatically using the [FilterByColumnAsync](https ## Customize the default input component of filter menu dialog -You can customize the input components in the filter menu of the Syncfusion Blazor Gantt Chart by using the [FilterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_FilterTemplate) property in `GanttColumn`. This enables column-specific customization and precise control over the behavior of individual filter components. +You can customize the input components in the filter menu of the Blazor Gantt Chart by using the [FilterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttColumn.html#Syncfusion_Blazor_Gantt_GanttColumn_FilterTemplate) property in `GanttColumn`. This enables column-specific customization and precise control over the behavior of individual filter components. | Column Type | Default component |Customization | API Reference | | ----------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------- | --------------------------------------------------------------------------------------------------------- | diff --git a/blazor/gantt-chart/filtering.md b/blazor/gantt-chart/filtering.md index 998c195be3..77188a8a33 100644 --- a/blazor/gantt-chart/filtering.md +++ b/blazor/gantt-chart/filtering.md @@ -1,7 +1,7 @@ --- layout: post -title: Filtering in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Filtering in Syncfusion Blazor Gantt Chart component and much more. +title: Filtering in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all the features about Filtering in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -163,7 +163,7 @@ The Blazor Gantt Chart component supports multiple filtering modes, which can be ## Initial filter -To apply filtering during the initial render of the Syncfusion® Blazor Gantt Chart component, define the filter conditions using a collection of `PredicateModel` objects within the [GanttFilterSettings.Columns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttFilterSettings.html#Syncfusion_Blazor_Gantt_GanttFilterSettings_Columns) property. +To apply filtering during the initial render of the Blazor Gantt Chart component, define the filter conditions using a collection of `PredicateModel` objects within the [GanttFilterSettings.Columns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttFilterSettings.html#Syncfusion_Blazor_Gantt_GanttFilterSettings_Columns) property. The following sample demonstrates how to apply an initial filter where **TaskName** starts with **Identify** and **TaskID** equals **2**, using a `Predicate` condition set to **and**. @@ -247,7 +247,7 @@ N> By default, the `GanttFilterSettings.Columns.Operator` value is `equal` ## Diacritics -By default, the Syncfusion® Blazor Gantt Chart component ignores diacritic characters during filtering. To enable filtering with diacritic sensitivity, set the [GanttFilterSettings.IgnoreAccent](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttFilterSettings.html#Syncfusion_Blazor_Gantt_GanttFilterSettings_IgnoreAccent) property to **true**. +By default, the Blazor Gantt Chart component ignores diacritic characters during filtering. To enable filtering with diacritic sensitivity, set the [GanttFilterSettings.IgnoreAccent](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.GanttFilterSettings.html#Syncfusion_Blazor_Gantt_GanttFilterSettings_IgnoreAccent) property to **true**. The following sample demonstrates this behavior: when filtering the **TaskName** column, entries containing diacritic characters (e.g., “Próject”, “Projéct”) will be matched if you enter the base text **Project**. @@ -304,7 +304,7 @@ The following sample demonstrates this behavior: when filtering the **TaskName** ## Filtering a specific column by method -You can filter columns dynamically in the Syncfusion® Blazor Gantt Chart component by using the [FilterByColumnAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_FilterByColumnAsync_System_String_System_String_System_String_System_String_System_Nullable_System_Boolean__System_Nullable_System_Boolean__) method. +You can filter columns dynamically in the Blazor Gantt Chart component by using the [FilterByColumnAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_FilterByColumnAsync_System_String_System_String_System_String_System_String_System_Nullable_System_Boolean__System_Nullable_System_Boolean__) method. The example below demonstrates how to filter the **TaskName** and **TaskID** columns using a single value. Filtering is triggered by an external button click, which invokes the `FilterByColumnAsync` method. @@ -440,7 +440,7 @@ You can clear all the filtering conditions applied in the Gantt Chart component ## Enable different filter for a column -You can enable different filter types for individual columns in the Syncfusion® Gantt Chart component by setting the[GanttColumn.FilterSettings.Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.FilterSettings.html#Syncfusion_Blazor_Grids_FilterSettings_Type) property. +You can enable different filter types for individual columns in the Gantt Chart component by setting the[GanttColumn.FilterSettings.Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.FilterSettings.html#Syncfusion_Blazor_Grids_FilterSettings_Type) property. {% tabs %} {% highlight razor tabtitle="Index.razor" %} diff --git a/blazor/gantt-chart/frozen-columns.md b/blazor/gantt-chart/frozen-columns.md index 3a01ec56fd..5fa4a55700 100644 --- a/blazor/gantt-chart/frozen-columns.md +++ b/blazor/gantt-chart/frozen-columns.md @@ -1,7 +1,7 @@ --- layout: post -title: Frozen columns in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about frozen columns in Syncfusion Blazor Gantt Chart component and more. +title: Frozen columns in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about frozen columns in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Frozen columns in Blazor Gantt Component -The frozen columns feature in the Syncfusion® Blazor Gantt Chart allows specific columns to stay fixed on the left side while scrolling horizontally. This enhances readability and simplifies navigation across wide dataset +The frozen columns feature in the Blazor Gantt Chart allows specific columns to stay fixed on the left side while scrolling horizontally. This enhances readability and simplifies navigation across wide dataset To enable frozen columns, use the [FrozenColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html#Syncfusion_Blazor_Gantt_SfGantt_1_FrozenColumns) property in the Gantt component. diff --git a/blazor/gantt-chart/getting-started-with-maui-app.md b/blazor/gantt-chart/getting-started-with-maui-app.md index c0f00d0da3..e02ba02cd2 100644 --- a/blazor/gantt-chart/getting-started-with-maui-app.md +++ b/blazor/gantt-chart/getting-started-with-maui-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with GanttChart | Blazor MAUI App | Syncfusion +title: Getting Started with GanttChart | Blazor MAUI App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor GanttChart Component in Blazor MAUI App. platform: Blazor control: GanttChart @@ -9,9 +9,9 @@ documentation: ug # Getting Started with Blazor GanttChart -This section explains you through the step-by-step process of integrating the [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component into your Blazor MAUI application using both [Visual Studio](https://visualstudio.microsoft.com/vs/) and [Visual Studio Code](https://code.visualstudio.com/). +This section explains you through the step-by-step process of integrating the [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component into your Blazor MAUI application using both [Visual Studio](https://visualstudio.microsoft.com/vs/) and [Visual Studio Code](https://code.visualstudio.com/). -> **Ready to streamline your Syncfusion® Blazor development?**
Discover the full potential of Syncfusion® Blazor components with Syncfusion® AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion® CodeStudio and more. [Explore Syncfusion® AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) +> **Ready to streamline your Blazor development?**
Discover the full potential of Blazor components with AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, CodeStudio and more. [Explore AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) {% tabcontents %} @@ -25,7 +25,7 @@ To use the MAUI project templates, install the Mobile development with the .NET Create a Blazor MAUI App using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/dotnet/maui/get-started/first-app?pivots=devices-windows&view=net-maui-9.0&tabs=vswin). For detailed instructions, refer to the [Blazor MAUI App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/maui-blazor-app) documentation. -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager. @@ -67,7 +67,7 @@ cd MauiBlazorApp {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the integrated terminal. @@ -88,9 +88,9 @@ dotnet add package Syncfusion.Blazor.Themes --version {{ site.releaseversion }} N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). See the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for details. -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **~/MauiProgram.cs** file. +Register the Blazor service in the **~/MauiProgram.cs** file. {% tabs %} {% highlight c# tabtitle="~/MauiProgram.cs" %} @@ -129,9 +129,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Syncfusion® Blazor Gantt Chart component +## Add Blazor Gantt Chart component -Add the Syncfusion® Blazor Gantt Chart component in the **~/Pages/Home.razor** file. +Add the Blazor Gantt Chart component in the **~/Pages/Home.razor** file. {% tabs %} {% highlight razor tabtitle="Home.razor" %} @@ -210,6 +210,6 @@ N> If encounter any errors while using the Android Emulator, refer to the follow ## See also -* [Getting Started with Syncfusion® Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -* [Getting Started with Syncfusion® Blazor for Server-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) -* [Getting Started with Syncfusion® Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) \ No newline at end of file +* [Getting Started with Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +* [Getting Started with Blazor for Server-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) +* [Getting Started with Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) \ No newline at end of file diff --git a/blazor/gantt-chart/getting-started-with-server-app.md b/blazor/gantt-chart/getting-started-with-server-app.md index 854609085c..c7432ea764 100644 --- a/blazor/gantt-chart/getting-started-with-server-app.md +++ b/blazor/gantt-chart/getting-started-with-server-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor GanttChart Component | Syncfusion +title: Getting Started with Blazor GanttChart Component | Syncfusion® description: Checkout and learn about getting started with Blazor GanttChart component in Blazor Server Application. platform: Blazor control: GanttChart @@ -9,9 +9,9 @@ documentation: ug # Getting started with Blazor Gantt Chart in Blazor server app -This section briefly explains about how to include [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component in your Blazor server app using Visual Studio and Visual Studio Code. +This section briefly explains about how to include [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component in your Blazor server app using Visual Studio and Visual Studio Code. -> **Ready to streamline your Syncfusion® Blazor development?**
Discover the full potential of Syncfusion® Blazor components with Syncfusion® AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion® CodeStudio and more. [Explore Syncfusion® AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) +> **Ready to streamline your Blazor development?**
Discover the full potential of Blazor components with AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, CodeStudio and more. [Explore AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) {% tabcontents %} @@ -23,9 +23,9 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. +Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. -## Install Syncfusion® Blazor packages +## Install required Blazor packages Once the project is created, install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager. @@ -54,7 +54,7 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} ## Create a new Blazor App in Visual Studio Code -Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. +Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. Alternatively, create a Server application by using the following command in the integrated terminal (Ctrl+`): @@ -67,7 +67,7 @@ cd BlazorApp {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Then, install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the integrated terminal. @@ -111,7 +111,7 @@ cd BlazorApp {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Then, install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages using the .NET CLI. @@ -134,9 +134,9 @@ N> Configure the appropriate [Interactive render mode](https://learn.microsoft.c N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). See the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for details. -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor Server App. +Register the Blazor service in the **Program.cs** file of your Blazor Server App. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -167,9 +167,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in Blazor application. -## Add Syncfusion® Blazor Gantt Chart component +## Add Blazor Gantt Chart component -Add the Syncfusion® Blazor Gantt Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. +Add the Blazor Gantt Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. @@ -248,6 +248,6 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati ## See also -* [Getting Started with Syncfusion® Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -* [Getting Started with Syncfusion® Blazor for Server-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) -* [Getting Started with Syncfusion® Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) \ No newline at end of file +* [Getting Started with Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +* [Getting Started with Blazor for Server-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) +* [Getting Started with Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) \ No newline at end of file diff --git a/blazor/gantt-chart/getting-started-with-web-app.md b/blazor/gantt-chart/getting-started-with-web-app.md index fe710da78c..6e2eb92620 100644 --- a/blazor/gantt-chart/getting-started-with-web-app.md +++ b/blazor/gantt-chart/getting-started-with-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion Blazor Gantt Component in Web App +title: Getting Started with Blazor Gantt Component in Web App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor Gantt Chart Component in Blazor Web App. platform: Blazor component: Gantt Chart @@ -9,9 +9,9 @@ documentation: ug # Getting Started with Blazor Gantt Chart Component in Blazor Web App -This section briefly explains about how to include [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). -> **Ready to streamline your Syncfusion® Blazor development?**
Discover the full potential of Syncfusion® Blazor components with Syncfusion® AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion® CodeStudio and more. [Explore Syncfusion® AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) +> **Ready to streamline your Blazor development?**
Discover the full potential of Blazor components with AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, CodeStudio and more. [Explore AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) {% tabcontents %} @@ -25,7 +25,7 @@ This section briefly explains about how to include [Syncfusion® Blazor packages +## Install required Blazor packages Install the [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages using one of the following methods. @@ -73,7 +73,7 @@ cd BlazorWebApp.Client {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the integrated terminal. @@ -122,7 +122,7 @@ cd BlazorApp.Client {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages using the .NET CLI. @@ -147,9 +147,9 @@ N> Configure the appropriate [Interactive render mode](https://learn.microsoft.c N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). See the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for details. -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor Service in the **Program.cs** file of your Blazor Web App. +Register the Blazor Service in the **Program.cs** file of your Blazor Web App. {% tabs %} {% highlight c# tabtitle="Program.cs" %} @@ -163,7 +163,7 @@ builder.Services.AddSyncfusionBlazor(); {% endhighlight %} {% endtabs %} -N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. +N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. ## Add stylesheet and script resources @@ -182,7 +182,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Syncfusion® Blazor Gantt Chart component +## Add Blazor Gantt Chart component * Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Gantt Chart component inside the razor file. * If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the razor file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). @@ -258,6 +258,6 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem ## See also -1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -2. [Getting Started with Syncfusion® Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) -3. [Getting Started with Syncfusion® Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) +1. [Getting Started with Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +2. [Getting Started with Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) +3. [Getting Started with Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) diff --git a/blazor/gantt-chart/getting-started.md b/blazor/gantt-chart/getting-started.md index 936b48efa7..8a187d2a00 100644 --- a/blazor/gantt-chart/getting-started.md +++ b/blazor/gantt-chart/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor Gantt Chart Component | Syncfusion +title: Getting Started with Blazor Gantt Chart Component | Syncfusion® description: Checkout and learn about getting started with Blazor Gantt Chart component in Blazor WebAssembly Application. platform: Blazor control: Gantt Chart @@ -9,9 +9,9 @@ documentation: ug # Getting started with Blazor Gantt Chart component -This section briefly explains about how to include [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component in your Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) component in your Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). -> **Ready to streamline your Syncfusion® Blazor development?**
Discover the full potential of Syncfusion® Blazor components with Syncfusion® AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion® CodeStudio and more. [Explore Syncfusion® AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) +> **Ready to streamline your Blazor development?**
Discover the full potential of Blazor components with AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, CodeStudio and more. [Explore AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistants/overview) {% tabcontents %} @@ -23,9 +23,9 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. +Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) using the NuGet Package Manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution) or the Package Manager Console: @@ -48,7 +48,7 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} ## Create a new Blazor App in Visual Studio Code -Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. Alternatively, create a WebAssembly application by using the following command in the integrated terminal (Ctrl+`). @@ -63,7 +63,7 @@ cd BlazorApp {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the integrated terminal. Run the following commands in the integrated terminal (Ctrl+`): @@ -105,7 +105,7 @@ cd BlazorApp {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages using the .NET CLI. @@ -124,9 +124,9 @@ dotnet add package Syncfusion.Blazor.Themes --version {{ site.releaseversion }} N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). See the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for details. -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor service in the **Program.cs** file of your Blazor WebAssembly App. +Register the Blazor service in the **Program.cs** file of your Blazor WebAssembly App. {% tabs %} {% highlight C# tabtitle="Program.cs" %} @@ -157,9 +157,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor Gantt Chart component +## Add Blazor Gantt Chart component -Add the Syncfusion® Blazor Gantt Chart component in the **~/Pages/Home.razor** file. +Add the Blazor Gantt Chart component in the **~/Pages/Home.razor** file. {% tabs %} {% highlight razor tabtitle="Home.razor" %} @@ -227,7 +227,7 @@ Add the Syncfusion® Blazor Gantt Chart comp ## See also -* [Getting Started with Syncfusion® Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) -* [Getting Started with Syncfusion® Blazor for Server-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) -* [Getting Started with Syncfusion® Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) +* [Getting Started with Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) +* [Getting Started with Blazor for Server-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) +* [Getting Started with Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli) \ No newline at end of file diff --git a/blazor/gantt-chart/globalization.md b/blazor/gantt-chart/globalization.md index acea0c7d04..8ed98ac036 100644 --- a/blazor/gantt-chart/globalization.md +++ b/blazor/gantt-chart/globalization.md @@ -1,7 +1,7 @@ --- layout: post -title: Globalization in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Globalization in Syncfusion Blazor Gantt Chart component and more. +title: Globalization in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about Globalization in Blazor Gantt Chart component and more. platform: Blazor control: Gantt Chart documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Globalization in Blazor Gantt Chart component -The Syncfusion Blazor Gantt Chart component provides a feature known as Globalization (global and local), which makes the application more accessible and useful for individuals from different regions and language backgrounds. You have the ability to view data in your preferred language and format, resulting in an enhanced overall experience. +The Blazor Gantt Chart component provides a feature known as Globalization (global and local), which makes the application more accessible and useful for individuals from different regions and language backgrounds. You have the ability to view data in your preferred language and format, resulting in an enhanced overall experience. Add **UseRequestLocalization** middle-ware in the **Program.cs** file to get browser Culture Info. @@ -258,7 +258,7 @@ namespace ClientApplication builder.Services.AddSyncfusionBlazor(); - // Register the Syncfusion locale service to customize the SyncfusionBlazor component locale culture. + // Register the locale service to customize the SyncfusionBlazor component locale culture. builder.Services.AddSingleton(typeof(ISyncfusionStringLocalizer), typeof(SyncfusionLocalizer)); // Set the default culture of the application. @@ -419,4 +419,4 @@ N> You can refer to our [Blazor Gantt Chart](https://www.syncfusion.com/blazor-c ## See also -* [How to enable RTL based on Syncfusion® Blazor service?](https://blazor.syncfusion.com/documentation/common/right-to-left#enable-rtl-for-all-components) \ No newline at end of file +* [How to enable RTL based on Blazor service?](https://blazor.syncfusion.com/documentation/common/right-to-left#enable-rtl-for-all-components) \ No newline at end of file