diff --git a/blazor/floating-action-button/accessibility.md b/blazor/floating-action-button/accessibility.md index 81c0d8f0e4..a3b759e0db 100644 --- a/blazor/floating-action-button/accessibility.md +++ b/blazor/floating-action-button/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor Floating Action Button | Syncfusion -description: Checkout and learn here all about Accessibility in Syncfusion Blazor Floating Action Button component and much more. +title: Accessibility in Blazor Floating Action Button | Syncfusion® +description: Checkout and learn here all about Accessibility in Blazor Floating Action Button component and much more. platform: Blazor control: Floating Action Button documentation: ug @@ -61,4 +61,4 @@ The accessibility compliance of the Blazor Floating Action Button component is s ## See also -* [Accessibility in Syncfusion® Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) \ No newline at end of file +* [Accessibility in Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) \ No newline at end of file diff --git a/blazor/floating-action-button/events.md b/blazor/floating-action-button/events.md index e026e9566d..f91e9d11de 100644 --- a/blazor/floating-action-button/events.md +++ b/blazor/floating-action-button/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Floating Action Button Component | Syncfusion -description: Checkout and learn here all about Native Events in Syncfusion Floating Action Button component and much more. +title: Events in Floating Action Button Component | Syncfusion® +description: Checkout and learn here all about Native Events in Floating Action Button component and much more details. platform: Blazor control: Floating Action Button documentation: ug diff --git a/blazor/floating-action-button/getting-started-with-server-app.md b/blazor/floating-action-button/getting-started-with-server-app.md index 3614ef0c39..12c701e64e 100644 --- a/blazor/floating-action-button/getting-started-with-server-app.md +++ b/blazor/floating-action-button/getting-started-with-server-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion Blazor FAB Component in Server App +title: Getting Started with Blazor FAB Component in Server App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor Floating Action Button Component in Blazor Server App. platform: Blazor component: Floating Action Button @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Floating Action Button in Server App -This section briefly explains about how to include [Syncfusion® Blazor Floating Action Button](https://www.syncfusion.com/blazor-components/blazor-fab) component in a Blazor Server 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 Floating Action Button](https://www.syncfusion.com/blazor-components/blazor-fab) component in a Blazor Server 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/). {% tabcontents %} @@ -21,7 +21,7 @@ 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. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Server App** by using the **Blazor Web App** template in Visua ## 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+`). @@ -83,7 +83,7 @@ cd BlazorApp N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Server App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Buttons](https://www.nuget.org/packages/Syncfusion.Blazor.Buttons/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -113,9 +113,9 @@ After the packages are installed, open the **~/_Imports.razor** file and import {% endhighlight %} {% endtabs %} -## 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" %} @@ -143,9 +143,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 Floating Action Button component +## Add Blazor Floating Action Button component -Add the Syncfusion® Blazor Floating Action Button 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 Floating Action Button 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. @@ -170,7 +170,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Floating Action Button component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor Floating Action Button component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hZLTtsVaAldOGCVR?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Floating Action Button Component](./images/blazor-fab-component.png)" %} @@ -205,5 +205,5 @@ N> You can also explore our [Blazor Floating Action Button example](https://blaz ## 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) \ No newline at end of file +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) \ No newline at end of file diff --git a/blazor/floating-action-button/getting-started-with-web-app.md b/blazor/floating-action-button/getting-started-with-web-app.md index 598b6503cd..1fa3e3e720 100644 --- a/blazor/floating-action-button/getting-started-with-web-app.md +++ b/blazor/floating-action-button/getting-started-with-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started | Syncfusion Blazor Floating Action Button in Web App +title: Getting Started Blazor Floating Action Button in Web App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor Floating Action Button Component in Blazor Web App. platform: Blazor component: Floating Action Button @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Floating Action Button in Web App -This section briefly explains about how to include [Syncfusion® Blazor Floating Action Button](https://www.syncfusion.com/blazor-components/blazor-fab) 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 Floating Action Button](https://www.syncfusion.com/blazor-components/blazor-fab) 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/). {% tabcontents %} @@ -21,7 +21,7 @@ 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 Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. +Create a **Blazor Web 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 Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https: ## Create a new Blazor Web App in Visual Studio Code -Create a **Blazor Web 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 Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor Web 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 Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands in the integrated terminal (Ctrl+`): @@ -85,7 +85,7 @@ cd BlazorWebApp.Client N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Buttons](https://www.nuget.org/packages/Syncfusion.Blazor.Buttons) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -117,9 +117,9 @@ After the packages are installed, open the **~/_Imports.razor** file in the clie {% endhighlight %} {% endtabs %} -## 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" %} @@ -133,7 +133,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 @@ -149,9 +149,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 Floating Action Button component +## Add Blazor Floating Action Button component -Add the Syncfusion® Blazor Floating Action Button component in the **~/Components/Pages/*.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 `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +Add the Blazor Floating Action Button component in the **~/Components/Pages/*.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 `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. @@ -176,7 +176,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Floating Action Button component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor Floating Action Button component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hZLTtsVaAldOGCVR?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Floating Action Button Component](./images/blazor-fab-component.png)" %} @@ -211,6 +211,6 @@ N> You can also explore our [Blazor Floating Action Button example](https://blaz ## See also -1. [Getting Started with Syncfusion® Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -2. [Getting Started with Syncfusion® Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) +1. [Getting Started with Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) +2. [Getting Started with Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) diff --git a/blazor/floating-action-button/getting-started.md b/blazor/floating-action-button/getting-started.md index 39b6a6a2f4..e603792d27 100644 --- a/blazor/floating-action-button/getting-started.md +++ b/blazor/floating-action-button/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor FAB Component | Syncfusion +title: Getting Started with Blazor FAB Component | Syncfusion® description: Checkout and learn about getting started with Blazor Floating Action Button component in Blazor WebAssembly Application. platform: Blazor control: Floating Action Button @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Floating Action Button Component -This section briefly explains about how to include [Syncfusion® Blazor Floating Action Button](https://www.syncfusion.com/blazor-components/blazor-fab) component in a 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 Floating Action Button](https://www.syncfusion.com/blazor-components/blazor-fab) component in a 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/). {% tabcontents %} @@ -21,7 +21,7 @@ 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. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates ## 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+`). @@ -81,7 +81,7 @@ cd BlazorApp {% endtabcontents %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Buttons](https://www.nuget.org/packages/Syncfusion.Blazor.Buttons/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -111,9 +111,9 @@ After the packages are installed, open the **~/_Imports.razor** file and import {% endhighlight %} {% endtabs %} -## 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" %} @@ -141,9 +141,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 Floating Action Button component +## Add Blazor Floating Action Button component -Add the Syncfusion® Blazor Floating Action Button component in the **~/Pages/Index.razor** file. +Add the Blazor Floating Action Button component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor tabtitle="Index.razor" %} @@ -157,7 +157,7 @@ Add the Syncfusion® Blazor Floating Action {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This renders the Syncfusion® Blazor Floating Action Button component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This renders the Blazor Floating Action Button component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hZLTtsVaAldOGCVR?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "![Blazor Floating Action Button Component](./images/blazor-fab-component.png)" %} diff --git a/blazor/floating-action-button/icons.md b/blazor/floating-action-button/icons.md index f871b5ffff..51a41330df 100644 --- a/blazor/floating-action-button/icons.md +++ b/blazor/floating-action-button/icons.md @@ -1,7 +1,7 @@ --- layout: post -title: Icons in Blazor Floating Action Button Component | Syncfusion -description: Checkout and learn here all about Icons in Syncfusion Blazor Floating Action Button component and much more details. +title: Icons in Blazor Floating Action Button Component | Syncfusion® +description: Checkout and learn here all about Icons in Blazor Floating Action Button component and much more details. platform: Blazor control: Floating Action Button documentation: ug diff --git a/blazor/floating-action-button/positions.md b/blazor/floating-action-button/positions.md index 08a3b5e924..e2c9b03d86 100644 --- a/blazor/floating-action-button/positions.md +++ b/blazor/floating-action-button/positions.md @@ -1,7 +1,7 @@ --- layout: post -title: Positions in Blazor Floating Action Button Component | Syncfusion -description: Checkout and learn here all about Positions in Syncfusion Blazor Floating Action Button component and much more. +title: Positions in Blazor Floating Action Button Component | Syncfusion® +description: Checkout and learn here all about Positions in Blazor Floating Action Button component and much more. platform: Blazor control: Floating Action Button documentation: ug diff --git a/blazor/floating-action-button/styles.md b/blazor/floating-action-button/styles.md index 8c90723891..c4b048a534 100644 --- a/blazor/floating-action-button/styles.md +++ b/blazor/floating-action-button/styles.md @@ -1,7 +1,7 @@ --- layout: post -title: Styles in Blazor Floating Action Button Component | Syncfusion -description: Checkout and learn here all about Styles in Syncfusion Blazor Floating Action Button component and much more. +title: Styles in Blazor Floating Action Button Component | Syncfusion® +description: Checkout and learn here all about Styles in Blazor Floating Action Button component and much more details. platform: Blazor control: Floating Action Button documentation: ug diff --git a/blazor/gantt-chart/connecting-to-ORM/dapper.md b/blazor/gantt-chart/connecting-to-ORM/dapper.md index 3f929ab1a2..65fd032738 100644 --- a/blazor/gantt-chart/connecting-to-ORM/dapper.md +++ b/blazor/gantt-chart/connecting-to-ORM/dapper.md @@ -1,6 +1,6 @@ --- layout: post -title: Blazor Gantt Chart Connected to SQL Server via Dapper | Syncfusion +title: Blazor Gantt Chart Connected to SQL Server via Dapper | Syncfusion® description: Bind SQL Server data to Blazor Gantt Chart using Dapper with complete CRUD, filtering, sorting and advanced data operations. platform: Blazor control: Gantt Chart @@ -9,7 +9,7 @@ documentation: ug # Connecting SQL Server to Blazor Gantt Chart Using Dapper -The [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) supports binding data from SQL Server using the lightweight Dapper micro‑ORM. This modern approach provides a simpler, more direct alternative where raw SQL control is preferred. +The [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) supports binding data from SQL Server using the lightweight Dapper micro‑ORM. This modern approach provides a simpler, more direct alternative where raw SQL control is preferred. **What is Dapper?** @@ -342,14 +342,14 @@ app.Run(); **Explanation:** - **`AddScoped`**: Dapper requires an ADO.NET connection object, registered as a scoped service so each request gets its own connection. - **`AddScoped`**: Makes the TaskRepository available for dependency injection throughout the application. -- **`AddSyncfusionBlazor()`**: Registers Syncfusion Blazor components. +- **`AddSyncfusionBlazor()`**: Registers Blazor components. - **`AddRazorComponents()` and `AddInteractiveServerComponents()`**: Enables Blazor server-side rendering with interactive components. The service registration has been completed successfully. --- -## Integrating Syncfusion Blazor Gantt Chart +## Integrating Blazor Gantt Chart ### Step 1: Install and configure Blazor Gantt Chart Component @@ -365,18 +365,18 @@ Syncfusion is a library that provides pre-built UI components like Gantt Chart, @using Syncfusion.Blazor.Data ``` -3. Add the Syncfusion stylesheet and scripts in the `Components/App.razor` file. Find the `` section and add: +3. Add the stylesheet and scripts in the `Components/App.razor` file. Find the `` section and add: ```html - + - + ``` -For this project, the tailwind3 theme is used. A different theme can be selected or the existing theme can be customized based on project requirements. Refer to the [Syncfusion Blazor Components Appearance](https://blazor.syncfusion.com/documentation/appearance/themes) documentation to learn more about theming and customization options. +For this project, the tailwind3 theme is used. A different theme can be selected or the existing theme can be customized based on project requirements. Refer to the [Blazor Components Appearance](https://blazor.syncfusion.com/documentation/appearance/themes) documentation to learn more about theming and customization options. -Syncfusion components are now configured and ready to use. For additional guidance, refer to the Gantt Chart component [getting‑started](https://blazor.syncfusion.com/documentation/gantt-chart/getting-started-with-web-app) documentation. +Blazor components are now configured and ready to use. For additional guidance, refer to the Gantt Chart component [getting‑started](https://blazor.syncfusion.com/documentation/gantt-chart/getting-started-with-web-app) documentation. ### Step 2: Update the Blazor Gantt Chart @@ -1103,7 +1103,7 @@ Here is the complete and final `Home.razor` component with all features integrat /// /// Custom DataAdaptor to handle Gantt Chart data operations with MSSQL using Dapper. - /// Bridges Syncfusion DataManager requests to the repository. + /// Bridges DataManager requests to the repository. /// public class CustomAdaptor : DataAdaptor { diff --git a/blazor/gantt-chart/connecting-to-ORM/entityframework.md b/blazor/gantt-chart/connecting-to-ORM/entityframework.md index 5721ff00ee..45b45e108d 100644 --- a/blazor/gantt-chart/connecting-to-ORM/entityframework.md +++ b/blazor/gantt-chart/connecting-to-ORM/entityframework.md @@ -1,6 +1,6 @@ --- layout: post -title: Blazor Gantt Chart with SQL using Entity Framework | Syncfusion +title: Blazor Gantt Chart with SQL using Entity Framework | Syncfusion® description: Bind SQL Server data to Blazor Gantt Chart using Entity Framework core with CRUD, filtering and sorting. platform: Blazor control: Gantt Chart @@ -9,7 +9,7 @@ documentation: ug # Connecting SQL Server to Blazor Gantt Chart via Entity Framework -The Syncfusion Blazor Gantt Chart supports binding data from SQL Server using Entity Framework Core (EF Core) with REST API endpoints via UrlAdaptor. This approach enables clean separation of UI and data layers while supporting full data operations. +The Blazor Gantt Chart supports binding data from SQL Server using Entity Framework Core (EF Core) with REST API endpoints via UrlAdaptor. This approach enables clean separation of UI and data layers while supporting full data operations. **What is Entity Framework Core?** @@ -100,7 +100,7 @@ After executing this script, the records are stored in the `TaskData` table with Before installing the necessary NuGet packages, a new Blazor Web Application must be created using the default template. This template automatically generates essential starter files such as **Program.cs**, **appsettings.json**, **wwwroot**, and **Components**. -For this guide, a Blazor application named **GanttEFUrlAdaptor** has been created. Once the project is set up, the next step involves installing the required NuGet packages. These packages enable Entity Framework Core with SQL Server provider and add Syncfusion UI components. +For this guide, a Blazor application named **GanttEFUrlAdaptor** has been created. Once the project is set up, the next step involves installing the required NuGet packages. These packages enable Entity Framework Core with SQL Server provider and add Blazor UI components. **Method 1: Using Package Manager Console** @@ -280,7 +280,7 @@ The controller has been created with basic endpoint. ### Step 7: Register services in Program.cs -The `Program.cs` file is where application services are registered and configured. This step enables Entity Framework Core, controllers, Syncfusion Blazor, and maps controller routes. +The `Program.cs` file is where application services are registered and configured. This step enables Entity Framework Core, controllers, Blazor, and maps controller routes. **Instructions:** @@ -337,9 +337,9 @@ app.Run(); - `AddControllers()` registers MVC controllers for REST endpoints. - `AddDbContext()` configures Entity Framework core to use SQL Server with the `ConnectionString` from appsettings.json. - `MapControllers()` exposes routes like `/api/Gantt`. -- Syncfusion Blazor and Razor components are registered for the UI. +- Blazor and Razor components are registered for the UI. -## Integrating Syncfusion Blazor Gantt Chart with UrlAdaptor +## Integrating Blazor Gantt Chart with UrlAdaptor ### Step 1: Install and configure Blazor Gantt Chart Components @@ -355,19 +355,19 @@ Syncfusion is a library that provides pre-built UI components like Gantt Chart, @using Syncfusion.Blazor.Data ``` -3. Add the Syncfusion stylesheet and scripts in the `Components/App.razor` file. Find the `` section and add: +3. Add the stylesheet and scripts in the `Components/App.razor` file. Find the `` section and add: ```html - + - + ``` -For this project, the **fluent** theme is used. A different theme can be selected or customized based on project requirements. Refer to the [Syncfusion Blazor Components Appearance](https://blazor.syncfusion.com/documentation/appearance/themes) documentation to learn more about theming and customization options. +For this project, the **fluent** theme is used. A different theme can be selected or customized based on project requirements. Refer to the [Blazor Components Appearance](https://blazor.syncfusion.com/documentation/appearance/themes) documentation to learn more about theming and customization options. -Syncfusion components are now configured and ready to use. For additional guidance, refer to the Gantt Chart component [getting‑started](https://blazor.syncfusion.com/documentation/gantt-chart/getting-started-with-web-app) documentation. +Blazor components are now configured and ready to use. For additional guidance, refer to the Gantt Chart component [getting‑started](https://blazor.syncfusion.com/documentation/gantt-chart/getting-started-with-web-app) documentation. ### Step 2: Update the Blazor Gantt Chart diff --git a/blazor/gantt-chart/connecting-to-adaptors/custom-adaptor.md b/blazor/gantt-chart/connecting-to-adaptors/custom-adaptor.md index d45912d214..f63b93950a 100644 --- a/blazor/gantt-chart/connecting-to-adaptors/custom-adaptor.md +++ b/blazor/gantt-chart/connecting-to-adaptors/custom-adaptor.md @@ -1,7 +1,7 @@ --- layout: post -title: CustomAdaptor with CRUD Operations in Blazor Gantt Chart | Syncfusion -description: Learn all about CustomAdaptor in the Syncfusion Blazor Gantt Chart and how to handle data loading, searching, filtering, sorting, and CRUD operations. +title: CustomAdaptor with CRUD Operations in Blazor Gantt Chart | Syncfusion® +description: Learn all about CustomAdaptor in the Blazor Gantt Chart and how to handle data loading, searching, filtering, sorting, and CRUD operations. platform: Blazor control: Gantt Chart keywords: adaptors, CustomAdaptor, custom adaptor, remotedata, custombinding, custom binding @@ -10,7 +10,7 @@ documentation: ug # Custom Binding in Blazor Gantt Chart -The [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) supports custom adaptors, enabling manual operations on data. It is useful for implementing custom data binding and editing operations in the [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart). +The [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) supports custom adaptors, enabling manual operations on data. It is useful for implementing custom data binding and editing operations in the [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart). To implement custom data binding in the Gantt Chart, the [DataAdaptor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataAdaptor.html) class is used. This abstract class serves as a base class for the custom adaptor. @@ -751,7 +751,7 @@ The following example demonstrates how to implement CRUD operations for custom-b } ``` -> You can refer to the [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt) feature tour page for its groundbreaking feature representations. You can also explore the [Syncfusion® Blazor Gantt Chart example](https://blazor.syncfusion.com/demos/gantt-chart/overview?theme=fluent2) to understand how to present and manipulate data. +> You can refer to the [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt) feature tour page for its groundbreaking feature representations. You can also explore the [Blazor Gantt Chart example](https://blazor.syncfusion.com/demos/gantt-chart/overview?theme=fluent2) to understand how to present and manipulate data. ## How to pass additional parameters to custom adaptor diff --git a/blazor/gantt-chart/connecting-to-adaptors/url-adaptor.md b/blazor/gantt-chart/connecting-to-adaptors/url-adaptor.md index 7c795e4dba..b22e31f790 100644 --- a/blazor/gantt-chart/connecting-to-adaptors/url-adaptor.md +++ b/blazor/gantt-chart/connecting-to-adaptors/url-adaptor.md @@ -1,7 +1,7 @@ --- layout: post -title: UrlAdaptor with CRUD Operations in Blazor Gantt Chart | Syncfusion -description: Learn about bind data and performing CRUD operations using UrlAdaptor in Syncfusion Blazor Gantt Chart. +title: UrlAdaptor with CRUD Operations in Blazor Gantt Chart | Syncfusion® +description: Learn about bind data and performing CRUD operations using UrlAdaptor in Blazor Gantt Chart much more details. platform: Blazor control: Gantt Chart keywords: adaptors, urladaptor, url adaptor, remotedata @@ -12,7 +12,7 @@ documentation: ug The [UrlAdaptor](https://blazor.syncfusion.com/documentation/data/adaptors#url-adaptor) serves as the base adaptor that enables communication between remote data services and a UI component. It supports seamless data binding and interaction with custom API services or any remote endpoint via URLs. The `UrlAdaptor` is particularly useful in scenarios where a custom API service with unique logic for handling data and CRUD operations is in place. -This section provides a step-by-step guide to retrieving data using the `UrlAdaptor` and binding it to the [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart), including server‑side data operations and CRUD actions. +This section provides a step-by-step guide to retrieving data using the `UrlAdaptor` and binding it to the [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart), including server‑side data operations and CRUD actions. ## Creating an API service @@ -20,7 +20,7 @@ To configure a server with the Blazor Gantt Chart, follow these steps: **1. Create a Blazor web app** -You can create a **Blazor Web App** named **URLAdaptor** using Visual Studio, either via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). Make sure to configure the appropriate [interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes) and [interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=windows). +You can create a **Blazor Web App** named **URLAdaptor** using Visual Studio, either via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0) or the [Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). Make sure to configure the appropriate [interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes) and [interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=windows). **2. Create a model class** @@ -171,15 +171,15 @@ app.MapControllers(); Run the application in Visual Studio. The API will be accessible at a URL like `https://localhost:71xx/api/gantt` (where `71xx` represents the port number in the launchSettings.json). Please verify that the API returns the task data. -## Connecting Syncfusion® Blazor Gantt Chart to an API service +## Connecting Blazor Gantt Chart to an API service To integrate the Blazor Gantt Chart into your project using Visual Studio 2026, follow the below steps: -**1. Install Syncfusion® Blazor Gantt and Themes NuGet packages** +**1. Install Blazor Gantt and Themes NuGet packages** To add the Blazor Gantt Chart in the app, open the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). -If your Blazor Web App uses `WebAssembly` or `Auto` render modes, install the Syncfusion® Blazor NuGet packages in the client project. +If your Blazor Web App uses `WebAssembly` or `Auto` render modes, install the Blazor NuGet packages in the client project. Alternatively, use the following Package Manager commands: @@ -188,9 +188,9 @@ Install-Package Syncfusion.Blazor.Gantt -Version {{ site.releaseversion }} Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} ``` -> Syncfusion® Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for a complete list of available packages. +> Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for a complete list of available packages. -**2. Register Syncfusion® Blazor service** +**2. Register Blazor service** - Open the **~/_Imports.razor** file and import the required namespaces. @@ -200,7 +200,7 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} @using Syncfusion.Blazor.Data ``` -- Register the Syncfusion® Blazor service in the **~/Program.cs** file. +- Register the Blazor service in the **~/Program.cs** file. ```csharp using Syncfusion.Blazor; @@ -519,7 +519,7 @@ public object Post([FromBody] DataManagerRequest DataManagerRequest) ## Handling CRUD operations -The Syncfusion® Blazor Gantt Chart seamlessly integrates CRUD (Create, Read, Update, and Delete) operations with server-side controller actions through specific properties: [InsertUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_InsertUrl), [RemoveUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_RemoveUrl), [UpdateUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_UpdateUrl) and [BatchUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_BatchUrl). These properties enable the Gantt Chart to communicate with the data service for every action, facilitating server-side operations. +The Blazor Gantt Chart seamlessly integrates CRUD (Create, Read, Update, and Delete) operations with server-side controller actions through specific properties: [InsertUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_InsertUrl), [RemoveUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_RemoveUrl), [UpdateUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_UpdateUrl) and [BatchUrl](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_BatchUrl). These properties enable the Gantt Chart to communicate with the data service for every action, facilitating server-side operations. **CRUD operations mapping** diff --git a/blazor/gantt-chart/connecting-to-database/microsoft-sql-server.md b/blazor/gantt-chart/connecting-to-database/microsoft-sql-server.md index 8a24b32c7c..7311e69208 100644 --- a/blazor/gantt-chart/connecting-to-database/microsoft-sql-server.md +++ b/blazor/gantt-chart/connecting-to-database/microsoft-sql-server.md @@ -1,6 +1,6 @@ --- layout: post -title: Blazor Gantt Chart Connected to SQL via Entity Framework | Syncfusion +title: Blazor Gantt Chart Connected to SQL via Entity Framework | Syncfusion® description: Bind SQL Server data to Blazor Gantt Chart using Entity Framework Core with complete CRUD, filtering, sorting and advanced data operations. platform: Blazor control: Gantt Chart @@ -9,7 +9,7 @@ documentation: ug # Connecting SQL Server to Blazor Gantt Chart Using Entity Framework -The [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) supports binding data from a SQL Server database using Entity Framework Core (EF Core). This modern approach provides a more maintainable and type-safe alternative to raw SQL queries. +The [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) supports binding data from a SQL Server database using Entity Framework Core (EF Core). This modern approach provides a more maintainable and type-safe alternative to raw SQL queries. **What is Entity Framework Core?** diff --git a/blazor/gantt-chart/connecting-to-database/mysql-server.md b/blazor/gantt-chart/connecting-to-database/mysql-server.md index a7c303f270..bb26990506 100644 --- a/blazor/gantt-chart/connecting-to-database/mysql-server.md +++ b/blazor/gantt-chart/connecting-to-database/mysql-server.md @@ -1,6 +1,6 @@ --- layout: post -title: Blazor Gantt Chart Connected to MySQL via EF | Syncfusion +title: Blazor Gantt Chart Connected to MySQL via EF | Syncfusion® description: Bind MySQL data to Blazor Gantt Chart using Entity Framework Core with complete CRUD, filtering, sorting, and advanced data operations. platform: Blazor control: Gantt Chart @@ -9,7 +9,7 @@ documentation: ug # Connecting MySQL Server to Blazor Gantt Chart Using Entity Framework -The [Syncfusion® Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) supports binding data from a MySQL Server database using Entity Framework Core (EF Core). This modern approach is more maintainable and type-safe alternative to raw SQL queries. +The [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) supports binding data from a MySQL Server database using Entity Framework Core (EF Core). This modern approach is more maintainable and type-safe alternative to raw SQL queries. **What is Entity Framework Core?** @@ -407,7 +407,7 @@ builder.Services.AddDbContext(options => // Register the repository for dependency injection builder.Services.AddScoped(); -// Register Syncfusion Blazor services +// Register Blazor services builder.Services.AddSyncfusionBlazor(); // Add other services as needed @@ -436,7 +436,7 @@ The service registration has been completed successfully. --- -## Integrating Syncfusion Blazor Gantt Chart +## Integrating Blazor Gantt Chart ### Step 1: Install and configure Blazor Gantt Chart Components @@ -452,19 +452,19 @@ Syncfusion is a library that provides pre-built UI components like Gantt Chart, @using Syncfusion.Blazor.Data ``` -3. Add the Syncfusion stylesheet and scripts in the `Components/App.razor` file. Find the `` section and add: +3. Add the stylesheet and scripts in the `Components/App.razor` file. Find the `` section and add: ```html - + - + ``` -For this project, the tailwind3 theme is used. A different theme can be selected or the existing theme can be customized based on project requirements. Refer to the [Syncfusion Blazor Components Appearance](https://blazor.syncfusion.com/documentation/appearance/themes) documentation to learn more about theming and customization options. +For this project, the tailwind3 theme is used. A different theme can be selected or the existing theme can be customized based on project requirements. Refer to the [Blazor Components Appearance](https://blazor.syncfusion.com/documentation/appearance/themes) documentation to learn more about theming and customization options. -Syncfusion components are now configured and ready to use. For additional guidance, refer to the Gantt Chart component [getting‑started](https://blazor.syncfusion.com/documentation/gantt-chart/getting-started-with-web-app) documentation. +Blazor components are now configured and ready to use. For additional guidance, refer to the Gantt Chart component [getting‑started](https://blazor.syncfusion.com/documentation/gantt-chart/getting-started-with-web-app) documentation. ### Step 2: Update the Blazor Gantt Chart @@ -1229,7 +1229,7 @@ Here is the complete and final `Home.razor` component with all features integrat /// /// Custom DataAdaptor to handle Gantt Chart data operations with MySQL using EF Core. - /// Bridges Syncfusion DataManager requests to the repository. + /// Bridges DataManager requests to the repository. /// public class CustomAdaptor : DataAdaptor { diff --git a/blazor/gantt-chart/how-to/bind-native-events.md b/blazor/gantt-chart/how-to/bind-native-events.md index 4b7b12197f..6469e7b0f3 100644 --- a/blazor/gantt-chart/how-to/bind-native-events.md +++ b/blazor/gantt-chart/how-to/bind-native-events.md @@ -1,7 +1,7 @@ --- layout: post -title: Bind the native events in Blazor Gantt Chart Component | Syncfusion -description: Learn here to bind the native events and customize the key interaction in Syncfusion Blazor Gantt Chart component. +title: Bind the native events in Blazor Gantt Chart Component | Syncfusion® +description: Learn here to bind the native events and customize the key interaction in Blazor Gantt Chart component. platform: Blazor control: Gantt Chart documentation: ug diff --git a/blazor/gantt-chart/how-to/blazor-webassembly-gantt-using-visual-studio.md b/blazor/gantt-chart/how-to/blazor-webassembly-gantt-using-visual-studio.md index 392d674f02..7f34ea36a8 100644 --- a/blazor/gantt-chart/how-to/blazor-webassembly-gantt-using-visual-studio.md +++ b/blazor/gantt-chart/how-to/blazor-webassembly-gantt-using-visual-studio.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor Gantt Chart in WebAssembly | Syncfusion +title: Getting Started with Blazor Gantt Chart in WebAssembly | Syncfusion® description: Checkout and learn about getting started with Blazor WebAssembly and Blazor Gantt Chart Component in Visual Studio and much more. platform: Blazor control: Gantt Chart @@ -17,9 +17,9 @@ This article provides a step-by-step instructions for building Blazor WebAssembl ## Create a Blazor WebAssembly App in Visual Studio -You can create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). +You can create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). -## Install Syncfusion® Blazor Gantt and Themes NuGet in the App +## Install Blazor Gantt and Themes NuGet in the App To add Blazor Gantt Chart component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Gantt](https://www.nuget.org/packages/Syncfusion.Blazor.Gantt) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same. @@ -33,9 +33,9 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Gantt` namespace. @@ -48,7 +48,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio {% endhighlight %} {% endtabs %} -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App. +Now, register the Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App. {% tabs %} {% highlight C# tabtitle="Blazor WebAssembly App" hl_lines="3 11" %} @@ -87,7 +87,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app ## Add Blazor Gantt Chart component -Add the Syncfusion® Blazor Gantt Chart component in the **~/Pages/Index.razor** file. +Add the Blazor Gantt Chart component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} diff --git a/blazor/gantt-chart/how-to/customize-expand-collapse-icon.md b/blazor/gantt-chart/how-to/customize-expand-collapse-icon.md index 2120325332..e1895f403d 100644 --- a/blazor/gantt-chart/how-to/customize-expand-collapse-icon.md +++ b/blazor/gantt-chart/how-to/customize-expand-collapse-icon.md @@ -1,7 +1,7 @@ --- layout: post -title: Expand and Collapse Icon in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Customize Expand and Collapse Icon in Syncfusion Blazor Gantt Chart component and more. +title: Expand and Collapse Icon in Blazor Gantt Chart | Syncfusion® +description: Checkout and learn here all about Customize Expand and Collapse Icon in Blazor Gantt Chart component and more. platform: Blazor control: Gantt Chart documentation: ug diff --git a/blazor/gantt-chart/how-to/hide-chart-part.md b/blazor/gantt-chart/how-to/hide-chart-part.md index 5e1f674d1a..7fce0ea4cc 100644 --- a/blazor/gantt-chart/how-to/hide-chart-part.md +++ b/blazor/gantt-chart/how-to/hide-chart-part.md @@ -1,7 +1,7 @@ --- layout: post -title: Hide chart part in Blazor Gantt Chart Component | Syncfusion -description: Checkout and learn here all about Hide chart part in Syncfusion Blazor Gantt Chart component and more. +title: Hide chart part in Blazor Gantt Chart Component | Syncfusion® +description: Checkout and learn here all about Hide chart part in Blazor Gantt Chart component and much more details. platform: Blazor control: Gantt Chart documentation: ug diff --git a/blazor/gantt-chart/how-to/open-add-edit-dialog-dynamically.md b/blazor/gantt-chart/how-to/open-add-edit-dialog-dynamically.md index 7564f693af..6ec2b58048 100644 --- a/blazor/gantt-chart/how-to/open-add-edit-dialog-dynamically.md +++ b/blazor/gantt-chart/how-to/open-add-edit-dialog-dynamically.md @@ -1,7 +1,7 @@ --- layout: post -title: Open Add Edit Dialog in Blazor Gantt Chart Component | Syncfusion -description: Learn how to open add and edit dialogs programmatically in the Syncfusion Blazor Gantt Chart component for efficient task creation and modification. +title: Open Add Edit Dialog in Blazor Gantt Chart Component | Syncfusion® +description: Learn how to open add and edit dialogs programmatically in the Blazor Gantt Chart component for efficient task creation and modification. platform: Blazor control: Gantt Chart documentation: ug