diff --git a/blazor/input-mask/accessibility.md b/blazor/input-mask/accessibility.md index 78bedaa08e..2683292277 100644 --- a/blazor/input-mask/accessibility.md +++ b/blazor/input-mask/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor Input Mask Component | Syncfusion -description: Checkout and learn here all about Accessibility in Syncfusion Blazor Input Mask component and much more. +title: Accessibility in Blazor Input Mask Component | Syncfusion® +description: Checkout and learn here all about Accessibility in Blazor Input Mask component and much more. platform: Blazor control: Input Mask documentation: ug @@ -60,4 +60,4 @@ The accessibility compliance of the MaskedTextBox component is shown in the foll ## See also -* [Accessibility in Syncfusion® components](../common/accessibility) \ No newline at end of file +* [Accessibility in Blazor components](../common/accessibility) \ No newline at end of file diff --git a/blazor/input-mask/data-binding.md b/blazor/input-mask/data-binding.md index acebe6efe7..82f5284e01 100644 --- a/blazor/input-mask/data-binding.md +++ b/blazor/input-mask/data-binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in Blazor Input Mask Component | Syncfusion -description: Checkout and learn here all about Data Binding in Syncfusion Blazor Input Mask component and much more. +title: Data Binding in Blazor Input Mask Component | Syncfusion® +description: Checkout and learn here all about Data Binding in Blazor Input Mask component and much more. platform: Blazor control: Input Mask documentation: ug diff --git a/blazor/input-mask/events.md b/blazor/input-mask/events.md index 32c982ce66..f32ba7f152 100644 --- a/blazor/input-mask/events.md +++ b/blazor/input-mask/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Blazor Input Mask Component | Syncfusion -description: Checkout and learn here all about Events in Syncfusion Blazor Input Mask component and much more details. +title: Events in Blazor Input Mask Component | Syncfusion® +description: Checkout and learn here all about Events in Blazor Input Mask component and much more details. platform: Blazor control: Input Mask documentation: ug @@ -112,4 +112,4 @@ This section lists the events available in the Blazor Input Mask (MaskedTextBox) } ``` -N> Input Mask currently includes these events. Additional events may be added based on user requests. If a required event is not listed, submit a feature request in the Syncfusion Blazor feedback portal: https://www.syncfusion.com/feedback/blazor-components \ No newline at end of file +N> Input Mask currently includes these events. Additional events may be added based on user requests. If a required event is not listed, submit a feature request in the Blazor feedback portal: https://www.syncfusion.com/feedback/blazor-components \ No newline at end of file diff --git a/blazor/input-mask/getting-started-with-server-app.md b/blazor/input-mask/getting-started-with-server-app.md index cffc2a55c1..6945253ead 100644 --- a/blazor/input-mask/getting-started-with-server-app.md +++ b/blazor/input-mask/getting-started-with-server-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor Input Mask in Server App | Syncfusion +title: Getting Started with Blazor Input Mask in Server App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor Input Mask Component in Blazor Server App. platform: Blazor component: Input Mask @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor MaskedTextBox Component in Server App -This section briefly explains about how to include [Syncfusion® Blazor MaskedTextBox](https://www.syncfusion.com/blazor-components/blazor-input-mask) 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 MaskedTextBox](https://www.syncfusion.com/blazor-components/blazor-input-mask) 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.Inputs](https://www.nuget.org/packages/Syncfusion.Blazor.Inputs/) 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 MaskedTextBox component +## Add Blazor MaskedTextBox component -Add the Syncfusion® Blazor MaskedTextBox 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 MaskedTextBox 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. @@ -166,7 +166,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 MaskedTextBox component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor MaskedTextBox component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hNrzXsLuJBRJNWJf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor MaskedTextBox Component](./images/blazor-maskedtextbox-component.webp)" %} @@ -190,5 +190,5 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## 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/input-mask/getting-started-with-web-app.md b/blazor/input-mask/getting-started-with-web-app.md index 39de5a2af6..970a362d36 100644 --- a/blazor/input-mask/getting-started-with-web-app.md +++ b/blazor/input-mask/getting-started-with-web-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Syncfusion Blazor Input Mask Component in Web App -description: Checkout and learn about the documentation for getting started with Syncfusion Input Mask Component in Blazor Web App. +title: Getting Started with Blazor Input Mask in Web App | Syncfusion® +description: Checkout and learn about the documentation for getting started with Input Mask Component in Blazor Web App. platform: Blazor component: Input Mask documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Input Mask Component in Web App -This section briefly explains about how to include [Syncfusion® Blazor Input Mask](https://www.syncfusion.com/blazor-components/blazor-input-mask) 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 Input Mask](https://www.syncfusion.com/blazor-components/blazor-input-mask) 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 the [Syncfusion.Blazor.Inputs](https://www.nuget.org/packages/Syncfusion.Blazor.Inputs) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages using one of the following methods. @@ -124,9 +124,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" %} @@ -140,7 +140,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 @@ -156,7 +156,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 Input Mask component +## Add Blazor Input Mask component * Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Input Mask 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`). @@ -210,5 +210,5 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## 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/input-mask/getting-started.md b/blazor/input-mask/getting-started.md index 900c771143..8e3f8e9d15 100644 --- a/blazor/input-mask/getting-started.md +++ b/blazor/input-mask/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor Input Mask Component | Syncfusion +title: Getting Started with Blazor Input Mask Component | Syncfusion® description: Checkout and learn about getting started with Blazor Input Mask component in Blazor WebAssembly Application. platform: Blazor control: Input Mask @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Input Mask Component -This section explains about how to include [Syncfusion® Blazor MaskedTextBox](https://www.syncfusion.com/blazor-components/blazor-input-mask) 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 explains about how to include [Blazor MaskedTextBox](https://www.syncfusion.com/blazor-components/blazor-input-mask) 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 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.Inputs](https://www.nuget.org/packages/Syncfusion.Blazor.Inputs/) 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 MaskedTextBox component +## Add Blazor MaskedTextBox component -Add the Syncfusion® Blazor MaskedTextBox component in the **~/Pages/Index.razor** file. +Add the Blazor MaskedTextBox component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor tabtitle="Index.razor" %} @@ -153,7 +153,7 @@ Add the Syncfusion® Blazor MaskedTextBox co {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This renders the Syncfusion® Blazor MaskedTextBox component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This renders the Blazor MaskedTextBox component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hNrzXsLuJBRJNWJf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor MaskedTextBox Component](./images/blazor-maskedtextbox-component.webp)" %} @@ -177,6 +177,6 @@ N> [View sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -* [Getting Started with Syncfusion® Blazor for Client-Side in .NET Core CLI](../getting-started/blazor-webassembly-app) -* [Getting Started with Syncfusion® Blazor for Server-side in Visual Studio](../getting-started/blazor-server-side-visual-studio) -* [Getting Started with Syncfusion® Blazor for Server-Side in .NET Core CLI](../getting-started/blazor-web-app) \ No newline at end of file +* [Getting Started with Blazor for Client-Side in .NET Core CLI](../getting-started/blazor-webassembly-app) +* [Getting Started with Blazor for Server-side in Visual Studio](../getting-started/blazor-server-side-visual-studio) +* [Getting Started with Blazor for Server-Side in .NET Core CLI](../getting-started/blazor-web-app) \ No newline at end of file diff --git a/blazor/input-mask/how-to/customize-the-ui-appearance-of-the-control.md b/blazor/input-mask/how-to/customize-the-ui-appearance-of-the-control.md index dfc27433a8..387409b25d 100644 --- a/blazor/input-mask/how-to/customize-the-ui-appearance-of-the-control.md +++ b/blazor/input-mask/how-to/customize-the-ui-appearance-of-the-control.md @@ -1,7 +1,7 @@ --- layout: post -title: Customize the Appearance of Blazor Input Mask Component | Syncfusion -description: Learn here all about customizing the UI appearance of Syncfusion Blazor Input Mask component and more. +title: Customize the Appearance of Blazor Input Mask Component | Syncfusion® +description: Learn here all about customizing the UI appearance of Blazor Input Mask component and more. platform: Blazor control: Input Mask documentation: ug diff --git a/blazor/input-mask/how-to/maskedtextbox-for-and-model-binding.md b/blazor/input-mask/how-to/maskedtextbox-for-and-model-binding.md index ea192f290e..a4b5ce2e74 100644 --- a/blazor/input-mask/how-to/maskedtextbox-for-and-model-binding.md +++ b/blazor/input-mask/how-to/maskedtextbox-for-and-model-binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Model Binding in Blazor Input Mask Component | Syncfusion -description: Checkout and learn here all about strongly typed validation of Syncfusion Blazor Input Mask component and more. +title: Model Binding in Blazor Input Mask Component | Syncfusion® +description: Checkout and learn here all about strongly typed validation of Blazor Input Mask component and more. platform: Blazor control: Input Mask documentation: ug diff --git a/blazor/input-mask/mask-configuration.md b/blazor/input-mask/mask-configuration.md index 96661131a8..d50322f7f5 100644 --- a/blazor/input-mask/mask-configuration.md +++ b/blazor/input-mask/mask-configuration.md @@ -1,7 +1,7 @@ --- layout: post -title: Mask Configuration in Blazor Input Mask Component | Syncfusion -description: Checkout and learn here all about Mask Configuration in Syncfusion Blazor Input Mask component and more. +title: Mask Configuration in Blazor Input Mask Component | Syncfusion® +description: Checkout and learn here all about Mask Configuration in Blazor Input Mask component and more. platform: Blazor control: Input Mask documentation: ug diff --git a/blazor/input-mask/native-events.md b/blazor/input-mask/native-events.md index a702cfb9b2..174a03be50 100644 --- a/blazor/input-mask/native-events.md +++ b/blazor/input-mask/native-events.md @@ -1,7 +1,7 @@ --- layout: post -title: Native Events in Blazor Input Mask Component | Syncfusion -description: Checkout and learn here all about Native Events in Syncfusion Blazor Input Mask component and much more. +title: Native Events in Blazor Input Mask Component | Syncfusion® +description: Checkout and learn here all about Native Events in Blazor Input Mask component and much more. platform: Blazor control: Input Mask documentation: ug diff --git a/blazor/input-mask/style-appearance.md b/blazor/input-mask/style-appearance.md index 7271f32c39..a9e25ab24c 100644 --- a/blazor/input-mask/style-appearance.md +++ b/blazor/input-mask/style-appearance.md @@ -1,7 +1,7 @@ --- layout: post -title: Style and appearance in Blazor Input Mask Component | Syncfusion -description: Checkout and learn here all about Style and appearance in Syncfusion Blazor Input Mask component and more. +title: Style and appearance in Blazor Input Mask Component | Syncfusion® +description: Checkout and learn here all about Style and appearance in Blazor Input Mask component and more. platform: Blazor control: Input Mask documentation: ug diff --git a/blazor/installation/common-installation-errors.md b/blazor/installation/common-installation-errors.md index c563958281..a7bf613874 100644 --- a/blazor/installation/common-installation-errors.md +++ b/blazor/installation/common-installation-errors.md @@ -1,7 +1,7 @@ --- layout: post -title: Common installation errors in Blazor | Syncfusion -description: Understand common Syncfusion Blazor installer errors, their causes, and solutions including unlock key issues, license expiration, concurrent installers. +title: Common installation errors in Blazor | Syncfusion® +description: Understand common Blazor installer errors, their causes, and solutions including unlock key issues, license expiration, concurrent installers. platform: Blazor control: Common documentation: ug @@ -29,7 +29,7 @@ This article describes the most common installation errors, as well as the cause ## License has expired -**Error Message:** Your license for Syncfusion® Essential Studio® for Blazor has been expired since {date}. Renew your subscription and try again. +**Error Message:** Your license for Essential Studio® for Blazor has been expired since {date}. Renew your subscription and try again. ***Online installer*** @@ -106,7 +106,7 @@ This article describes the most common installation errors, as well as the cause **Suggestion 1:** * Syncfusion demos are installed to the Public Documents folder by default. * You have controlled folder access enabled on your machine, so our demos cannot be installed in the documents folder. If you need to install our demos in the Documents folder, follow the steps in this [link](https://support.microsoft.com/en-us/windows/allow-an-app-to-access-controlled-folders-b5b6627a-b008-2ca2-7931-7e51e912b034) and disable the controlled folder access. -* You can enable this option after the installing our Syncfusion® setup. +* You can enable this option after the installing our setup. **Suggestion 2:** * If you do not want to disable controlled folder access, you can install our demos in another directory. diff --git a/blazor/installation/install-nuget-packages.md b/blazor/installation/install-nuget-packages.md index f17acbbdf0..e44f57fb54 100644 --- a/blazor/installation/install-nuget-packages.md +++ b/blazor/installation/install-nuget-packages.md @@ -1,6 +1,6 @@ --- layout: post -title: Install Syncfusion Blazor NuGet packages | Syncfusion +title: Install Syncfusion Blazor NuGet packages | Syncfusion® description: Learn here about how to install Syncfusion Blazor NuGet packages using the Package Manager UI, .NET CLI, and Package Manager Console. Explore to more details. platform: Blazor control: Common diff --git a/blazor/installation/linux-installer/how-to-download.md b/blazor/installation/linux-installer/how-to-download.md index ebcc197d81..e031d7aebd 100644 --- a/blazor/installation/linux-installer/how-to-download.md +++ b/blazor/installation/linux-installer/how-to-download.md @@ -1,7 +1,7 @@ --- layout: post -title: Download the Syncfusion Blazor Linux installer | Syncfusion -description: Learn how to download Blazor Linux installer for trial or licensed use from your Syncfusion account, including Start trials and License and Downloads options. +title: Download the Blazor Linux installer | Syncfusion® +description: Learn how to download Blazor Linux installer for trial or licensed use from your account, including Start trials and License and Downloads options. platform: Blazor control: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Download the Syncfusion® Blazor Linux installer -Download the Syncfusion Blazor Linux installer from the Syncfusion website. Download options depend on the account status: trial or licensed. +Download the Blazor Linux installer from the Syncfusion website. Download options depend on the account status: trial or licensed. - Trial installer - Licensed installer @@ -32,7 +32,7 @@ Our 30-day trial can be downloaded in two ways. ![Trial confirmation page showing Blazor Linux installer download](images/trial-confirmation.webp) 3. With a trial license, only the latest version’s trial installer can be downloaded. -4. An unlock key is not required to install the Syncfusion® Blazor Linux trial installer. +4. An unlock key is not required to install the Blazor Linux trial installer. 5. Before the trial expires, download the trial installer at any time from the [Trials & Downloads](https://www.syncfusion.com/account/manage-trials/downloads) page (as shown in below screenshot). ![Trials and Downloads page with Download button for the Blazor Linux installer](images/trial-download.webp) @@ -71,7 +71,7 @@ Start an evaluation if components were obtained through [NuGet.org](https://www. ![License and Downloads page showing More download options for the Blazor Linux installer](images/license-download.webp) -4. An unlock key is not required to install the Syncfusion® Blazor Linux licensed installer. +4. An unlock key is not required to install the Blazor Linux licensed installer. 5. For Linux, the installer is available in ZIP format (offline installer). ![License and Downloads page listing Blazor Linux ZIP download](images/Linux_Download.webp) diff --git a/blazor/installation/linux-installer/how-to-install.md b/blazor/installation/linux-installer/how-to-install.md index ba3331c3fb..50ccc5bb9b 100644 --- a/blazor/installation/linux-installer/how-to-install.md +++ b/blazor/installation/linux-installer/how-to-install.md @@ -1,7 +1,7 @@ --- layout: post -title: Install the Syncfusion Blazor Linux installer | Syncfusion -description: Learn here about how to install the Syncfusion Blazor Linux offline installer (ZIP), review included content, and register license keys in sample projects. +title: Install the Blazor Linux installer | Syncfusion® +description: Learn here about how to install the Blazor Linux offline installer (ZIP), review included content, and register license keys in sample projects. platform: Blazor control: Common documentation: ug @@ -11,13 +11,13 @@ documentation: ug ## Install on Linux -The steps below show how to install and use the Syncfusion Blazor Linux offline installer (ZIP). +The steps below show how to install and use the Blazor Linux offline installer (ZIP). N> Prerequisites: Supported Linux distribution, .NET SDK installed, unzip tool, and sufficient disk space. -1. Extract the Syncfusion® Blazor Linux installer ZIP to a folder. +1. Extract the Blazor Linux installer ZIP to a folder. - ![Extract the Syncfusion Blazor Linux installer ZIP to a folder](images/linux_installer1.webp) + ![Extract the Blazor Linux installer ZIP to a folder](images/linux_installer1.webp) 2. Review the extracted contents. The package includes demo source, offline NuGet packages, and supporting files. @@ -34,7 +34,7 @@ After the installation, the license key is required to register the demo source * **Blazor Server App**: Register the license key in Configure method of [Startup.cs](https://blazor.syncfusion.com/documentation/getting-started/license-key/how-to-register-in-an-application#blazor-server-app) * **Blazor WASM App**: Register the license key in main method of [Program.cs](https://blazor.syncfusion.com/documentation/getting-started/license-key/how-to-register-in-an-application#blazor-webassembly-app) -You can also find the steps for getting started with Syncfusion® Blazor components in Linux, +You can also find the steps for getting started with Blazor components in Linux, -* Getting started with Syncfusion® Blazor Components in [Blazor Server Side App](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-mac#getting-started-with-syncfusion-blazor-components-in-blazor-server-side-app-using-visual-studio-for-mac) using Visual Studio for Linux. -* Getting started with Syncfusion® Blazor Components in [Web Assembly App](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio-mac) using Visual Studio for Linux. \ No newline at end of file +* Getting started with Blazor Components in [Blazor Server Side App](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-mac#getting-started-with-syncfusion-blazor-components-in-blazor-server-side-app-using-visual-studio-for-mac) using Visual Studio for Linux. +* Getting started with Blazor Components in [Web Assembly App](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio-mac) using Visual Studio for Linux. \ No newline at end of file diff --git a/blazor/installation/mac-installer/how-to-download.md b/blazor/installation/mac-installer/how-to-download.md index 8d18ed03a2..5a73b86a3a 100644 --- a/blazor/installation/mac-installer/how-to-download.md +++ b/blazor/installation/mac-installer/how-to-download.md @@ -1,13 +1,13 @@ --- layout: post -title: Download the Syncfusion Blazor Mac installer - Syncfusion -description: Learn here about how to download the Syncfusion Blazor Mac installer for trial or licensed use, including Start trials and License & Downloads options. +title: Download the Blazor Mac installer | Syncfusion® +description: Learn here about how to download the Blazor Mac installer for trial or licensed use, including Start trials and License & Downloads options. platform: Blazor control: Common documentation: ug --- -# Download the Syncfusion® Blazor Mac installer +# Download the Blazor Mac installer Syncfusion® provides a Blazor Mac installer for both evaluation and paid customers. Download options depend on the account status: trial or licensed. diff --git a/blazor/installation/mac-installer/how-to-install.md b/blazor/installation/mac-installer/how-to-install.md index 7fff9c2cbf..4b4c3d42ac 100644 --- a/blazor/installation/mac-installer/how-to-install.md +++ b/blazor/installation/mac-installer/how-to-install.md @@ -1,7 +1,7 @@ --- layout: post -title: Install the Syncfusion Blazor Mac installer - Syncfusion -description: Learn here about how to install the Syncfusion Blazor Mac installer (DMG), handle macOS Gatekeeper prompts, and register license keys in sample projects. +title: Install the Blazor Mac installer | Syncfusion® +description: Learn here about how to install the Blazor Mac installer (DMG), handle macOS Gatekeeper prompts, and register license keys in sample projects. platform: Blazor control: Common documentation: ug @@ -9,13 +9,13 @@ documentation: ug # Install the Syncfusion® Blazor Mac installer -The Essential Studio® Blazor Mac installer installs the Syncfusion Blazor product on macOS (DMG) and integrates with Visual Studio for Mac. The steps below cover Gatekeeper prompts, installation, and license key registration for sample projects. +The Essential Studio® Blazor Mac installer installs the Blazor product on macOS (DMG) and integrates with Visual Studio for Mac. The steps below cover Gatekeeper prompts, installation, and license key registration for sample projects. ## Resolve Gatekeeper warning on macOS Catalina or later When running the installer on macOS Catalina or later, a Gatekeeper alert may appear. - ![macOS Gatekeeper alert for the Syncfusion DMG](images/Mac_Catalina_MacOS_Alert1.webp) + ![macOS Gatekeeper alert for the DMG](images/Mac_Catalina_MacOS_Alert1.webp) If this appears, follow these steps: @@ -32,7 +32,7 @@ Follow these steps to install the Essential Studio&re 1. Locate the downloaded DMG file and double‑click it to open. - ![Open the downloaded Syncfusion Blazor DMG](images/Mac_Installer1.webp) + ![Open the downloaded Blazor DMG](images/Mac_Installer1.webp) 2. The disk image mounts and a virtual drive appears on the desktop or in the Finder sidebar. @@ -40,7 +40,7 @@ Follow these steps to install the Essential Studio&re 3. Copy the mounted disk file. - ![Drag the Syncfusion app to Applications](images/Mac_Installer3.webp) + ![Drag the app to Applications](images/Mac_Installer3.webp) N> An unlock key is not required to install the Essential Studio® Blazor Mac installer. @@ -48,9 +48,9 @@ Follow these steps to install the Essential Studio&re ![Copying the app into the Applications folder](images/Mac_Installer4.webp) -5. Open the Applications folder and launch the Syncfusion installer app. +5. Open the Applications folder and launch the installer app. - ![Launch the Syncfusion Blazor installer app from Applications](images/Mac_Installer5.webp) + ![Launch the Blazor installer app from Applications](images/Mac_Installer5.webp) 6. To remove the DMG, right‑click the virtual drive (desktop or Finder sidebar) and select Eject. Also delete the folder from the Applications. @@ -65,7 +65,7 @@ After the installation, the license key is required to register the demo source - **Blazor WebAssembly App**: Register the license key in [Program.cs](https://blazor.syncfusion.com/documentation/getting-started/license-key/how-to-register-in-an-application#blazor-webassembly-app) For development on macOS, see: -You can also find the steps for getting started with Syncfusion® Blazor components in Mac, +You can also find the steps for getting started with Blazor components in Mac, -- Getting started with Syncfusion Blazor components in a [Blazor Server App](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-mac#getting-started-with-syncfusion-blazor-components-in-blazor-server-side-app-using-visual-studio-for-mac) using Visual Studio for Mac. -- Getting started with Syncfusion Blazor components in a [Blazor WebAssembly App](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio-mac) using Visual Studio for Mac. \ No newline at end of file +- Getting started with Blazor components in a [Blazor Server App](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-mac#getting-started-with-syncfusion-blazor-components-in-blazor-server-side-app-using-visual-studio-for-mac) using Visual Studio for Mac. +- Getting started with Blazor components in a [Blazor WebAssembly App](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio-mac) using Visual Studio for Mac. \ No newline at end of file diff --git a/blazor/installation/offline-installer/how-to-download.md b/blazor/installation/offline-installer/how-to-download.md index b9e8105a17..9d2bc127cc 100644 --- a/blazor/installation/offline-installer/how-to-download.md +++ b/blazor/installation/offline-installer/how-to-download.md @@ -1,7 +1,7 @@ --- layout: post -title: Download the Syncfusion Blazor offline installer | Syncfusion -description: Learn here about how to download the Syncfusion Blazor offline installer for trial or licensed use, including Start trials and License & Downloads options. +title: Download the Blazor offline installer | Syncfusion® +description: Learn here about how to download the Blazor offline installer for trial or licensed use, including Start trials and License & Downloads options. platform: Blazor control: Common documentation: ug diff --git a/blazor/installation/offline-installer/how-to-install.md b/blazor/installation/offline-installer/how-to-install.md index e4ab2d48d4..e87fd0e087 100644 --- a/blazor/installation/offline-installer/how-to-install.md +++ b/blazor/installation/offline-installer/how-to-install.md @@ -1,7 +1,7 @@ --- layout: post -title: Install the Syncfusion Blazor offline installer | Syncfusion -description: Learn how to install the Syncfusion Blazor offline installer (EXE or ZIP), unlock with a key or account login, and perform silent installs and uninstalls. +title: Install the Blazor offline installer | Syncfusion® +description: Learn how to install the Blazor offline installer (EXE or ZIP), unlock with a key or account login, and perform silent installs and uninstalls. platform: Blazor control: Common documentation: ug @@ -13,7 +13,7 @@ documentation: ug The steps below show how to install the Essential Studio® Blazor offline installer. -1. Open the Syncfusion® Blazor offline installer file(.exe) from the download location by double‑clicking it. The installer wizard opens and extracts the package. +1. Open the Blazor offline installer file(.exe) from the download location by double‑clicking it. The installer wizard opens and extracts the package. ![Offline installer setup extracting package](images/webofflineinstaller-1.webp) @@ -26,7 +26,7 @@ The steps below show how to install the Essential Studio® account email address and password. If you don’t already have a Syncfusion® account, you can sign up for one by clicking "**Create an account**". If you have forgotten your password, click on "**Forgot Password**" to create a new one. Once you’ve entered your Syncfusion® email and password, click Next. + Enter the account email address and password. If you don’t already have a account, you can sign up for one by clicking "**Create an account**". If you have forgotten your password, click on "**Forgot Password**" to create a new one. Once you’ve entered your Syncfusion® email and password, click Next. ![Offline installer Login to install wizard](images/webofflineinstaller-2.webp) @@ -52,15 +52,15 @@ The steps below show how to install the Essential Studio® Control Panel. + * Select **Create Desktop Shortcut** to add a shortcut for Control Panel. - * Select **Create Start menu shortcut** to add a shortcut to the Start menu entry for Syncfusion® Control Panel. + * Select **Create Start menu shortcut** to add a shortcut to the Start menu entry for Control Panel. 5. If previous versions of the current product is installed, the Uninstall previous versions wizard opens. Select **Uninstall** to remove the previous versions, then select **Proceed**. ![Offline installer Uninstall previous versions wizard](images/webofflineinstaller-5.webp) - N> From the 2021 Volume 1 release, Syncfusion® has added the option to uninstall previous versions from 18.1 while installing the new version.

If any version is selected to uninstall, a confirmation screen will appear; if continue is selected, the Progress screen will display the uninstall and install progress, respectively. If none of the versions are chosen to be uninstalled, only the installation progress will be displayed. + N> From the 2021 Volume 1 release, has added the option to uninstall previous versions from 18.1 while installing the new version.

If any version is selected to uninstall, a confirmation screen will appear; if continue is selected, the Progress screen will display the uninstall and install progress, respectively. If none of the versions are chosen to be uninstalled, only the installation progress will be displayed. **Confirmation alert:** @@ -78,19 +78,19 @@ The steps below show how to install the Essential Studio® Control Panel. +6. After installation, select **Launch Control Panel** to open the Control Panel. -7. Select **Finish**. The Syncfusion® Essential Studio® Blazor product is installed. +7. Select **Finish**. The Essential Studio® Blazor product is installed. ## Install in silent mode -The Syncfusion® Essential Studio® Blazor installer supports installation and uninstallation via the command line. +The Essential Studio® Blazor installer supports installation and uninstallation via the command line. ***Command-line installation*** To install through the Command Line in Silent mode, follow the steps below. -1. Run the Syncfusion® Blazor installer by double-clicking it. The Installer Wizard automatically opens and extracts the package. +1. Run the Blazor installer by double-clicking it. The Installer Wizard automatically opens and extracts the package. 2. The file syncfusionessentialblazor_(version).exe file will be extracted into the Temp directory. @@ -114,7 +114,7 @@ To install through the Command Line in Silent mode, follow the steps below. ## Command-line uninstallation -Syncfusion® Essential® Blazor can be uninstalled silently using the Command Line. +Essential® Blazor can be uninstalled silently using the Command Line. 1. Run the Syncfusion® Blazor installer by double-clicking it. The Installer Wizard automatically opens and extracts the package. diff --git a/blazor/kanban/accessibility.md b/blazor/kanban/accessibility.md index 66a0ad46f9..83b033a636 100644 --- a/blazor/kanban/accessibility.md +++ b/blazor/kanban/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about the accessibility in Syncfusion Blazor Kanban component and much more. +title: Accessibility in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about the accessibility in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug @@ -86,4 +86,4 @@ The accessibility compliance of the Kanban component is shown in the following s ## See also -* [Accessibility in Syncfusion® Blazor components](../common/accessibility) +* [Accessibility in Blazor components](../common/accessibility) diff --git a/blazor/kanban/cards.md b/blazor/kanban/cards.md index d66e4d1559..c5fab427f3 100644 --- a/blazor/kanban/cards.md +++ b/blazor/kanban/cards.md @@ -1,7 +1,7 @@ --- layout: post -title: Cards in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about cards in Syncfusion Blazor Kanban component and much more details. +title: Cards in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about cards in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/columns.md b/blazor/kanban/columns.md index 4727b317af..47f6c1a0ea 100644 --- a/blazor/kanban/columns.md +++ b/blazor/kanban/columns.md @@ -1,13 +1,13 @@ --- layout: post -title: Columns in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about columns in Syncfusion Blazor Kanban component and much more details. +title: Columns in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about columns in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug --- -# Columns in Syncfusion Blazor Kanban Component +# Columns in Blazor Kanban Component The **Kanban** columns represent each stage of workflow process.Column definitions serve as the schema for the Kanban board's **DataSource**. The Operations such as drag-and-drop, swimlane grouping, and column toggling are driven by these column definitions. diff --git a/blazor/kanban/data-binding.md b/blazor/kanban/data-binding.md index 406df95d25..bd81599a25 100644 --- a/blazor/kanban/data-binding.md +++ b/blazor/kanban/data-binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in Blazor Kanban Component | Syncfusion -description: Check out and learn here all about data binding in Syncfusion Blazor Kanban component and much more. +title: Data Binding in Blazor Kanban Component | Syncfusion® +description: Check out and learn here all about data binding in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/dialog.md b/blazor/kanban/dialog.md index 3c648fd6fb..dfadcffbc9 100644 --- a/blazor/kanban/dialog.md +++ b/blazor/kanban/dialog.md @@ -1,7 +1,7 @@ --- layout: post -title: Card Editing in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about card editing in Syncfusion Blazor Kanban component and much more details. +title: Card Editing in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about card editing in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/dimensions.md b/blazor/kanban/dimensions.md index e6bfc58f9e..b78c29ff9f 100644 --- a/blazor/kanban/dimensions.md +++ b/blazor/kanban/dimensions.md @@ -1,7 +1,7 @@ --- layout: post -title: Dimensions in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about dimensions in Syncfusion Blazor Kanban component and much more details. +title: Dimensions in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about dimensions in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Dimensions in Blazor Kanban Component -This section explains how to configure the height and width of the Syncfusion Blazor Kanban component to achieve responsive and fixed layouts. +This section explains how to configure the height and width of the Blazor Kanban component to achieve responsive and fixed layouts. The [Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) component allows customization of its overall layout dimensions height and width using three value types: diff --git a/blazor/kanban/drag-and-drop.md b/blazor/kanban/drag-and-drop.md index 060fd7636d..61f7684482 100644 --- a/blazor/kanban/drag-and-drop.md +++ b/blazor/kanban/drag-and-drop.md @@ -1,7 +1,7 @@ --- layout: post -title: How to Use Drag and Drop in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about drag and drop the cards in the Syncfusion Blazor Kanban component. +title: How to Use Drag and Drop in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about drag and drop the cards in the Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/events.md b/blazor/kanban/events.md index d54a604767..a2108e74ed 100644 --- a/blazor/kanban/events.md +++ b/blazor/kanban/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about events in Syncfusion Blazor Kanban component and much more details. +title: Events in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about events in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/getting-started-with-server-app.md b/blazor/kanban/getting-started-with-server-app.md index 2a806da647..22a7fe9b8c 100644 --- a/blazor/kanban/getting-started-with-server-app.md +++ b/blazor/kanban/getting-started-with-server-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion Blazor Kanban Component in Server App +title: Getting Started with Syncfusion Blazor Kanban Component in Server App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor Kanban Component in Blazor Server App. platform: Blazor component: Kanban @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Kanban Component in Blazor Server App -This section briefly explains about how to include [Syncfusion® Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) 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 Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) 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,9 +21,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 Blazor packages Install [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) using Visual Studio's NuGet Package Manager (Tools → NuGet Package Manager → Manage NuGet Packages for Solution). @@ -50,7 +50,7 @@ N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget ## 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+`). @@ -65,7 +65,7 @@ cd BlazorApp {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages From the integrated terminal, add the required packages of [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) to the project: @@ -109,7 +109,7 @@ cd BlazorApp {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install Blazor packages Run the following commands to add the packages of [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/): @@ -130,9 +130,9 @@ N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget 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). -## 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" %} @@ -163,9 +163,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 Kanban component +## Add Blazor Kanban component -Add the Syncfusion® Blazor Kanban 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 Kanban 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. @@ -238,5 +238,5 @@ N> You can also explore our [Blazor Kanban Board example](https://blazor.syncfus ## See also -1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -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-app) +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/kanban/getting-started-with-web-app.md b/blazor/kanban/getting-started-with-web-app.md index 2a43bbf708..9d1982063e 100644 --- a/blazor/kanban/getting-started-with-web-app.md +++ b/blazor/kanban/getting-started-with-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion Blazor Kanban Component in Web App +title: Getting Started with Blazor Kanban Component in Web App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor Kanban Component in Blazor Web App. platform: Blazor component: Kanban @@ -9,9 +9,9 @@ documentation: ug # Getting Started with Blazor Kanban Component in Web App -This section briefly explains about how to include the [Syncfusion® Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) 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 the [Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) 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. [Explore Syncfusion® AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistant/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. [Explore AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistant/overview) {% tabcontents %} @@ -23,9 +23,9 @@ This section briefly explains about how to include 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. +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. -## Install Syncfusion® Blazor packages +## Install required Blazor packages Use Visual Studio's NuGet Package Manager (Tools → NuGet Package Manager → Manage NuGet Packages for Solution) to install [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). @@ -54,7 +54,7 @@ N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget ## 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+`): @@ -68,7 +68,7 @@ cd BlazorWebApp.Client {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages From the integrated terminal, add the required packages of [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) to the project: @@ -117,7 +117,7 @@ cd BlazorWebApp.Client {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install the [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages using one of the following methods. @@ -149,9 +149,9 @@ N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget 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). -## 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" %} @@ -165,7 +165,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 @@ -184,7 +184,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 Kanban component +## Add Blazor Kanban component * Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor Kanban 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`). @@ -256,5 +256,5 @@ N> You can also explore our [Blazor Kanban Board example](https://blazor.syncfus ## See also -1. [Getting Started with Syncfusion® Blazor WebAssembly 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) \ No newline at end of file +1. [Getting Started with Blazor WebAssembly 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) \ No newline at end of file diff --git a/blazor/kanban/getting-started.md b/blazor/kanban/getting-started.md index 7fe253141e..8b3489960d 100644 --- a/blazor/kanban/getting-started.md +++ b/blazor/kanban/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor Kanban Component | Syncfusion +title: Getting Started with Blazor Kanban Component | Syncfusion® description: Checkout and learn about getting started with Blazor Kanban component in Blazor WebAssembly Application. platform: Blazor control: Kanban @@ -11,9 +11,9 @@ documentation: ug # Getting Started with Blazor Kanban Component -This guide briefly explains about how to include [Syncfusion® Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) 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 guide briefly explains about how to include [Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) 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/). -> **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-assistant/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-assistant/overview) {% tabcontents %} @@ -25,9 +25,9 @@ This guide 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 Use Visual Studio's NuGet Package Manager (Tools → NuGet Package Manager → Manage NuGet Packages for Solution) to install [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). @@ -54,7 +54,7 @@ N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget ## 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+`). @@ -69,7 +69,7 @@ cd BlazorApp {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages From the integrated terminal, add the required packages of [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) to the project: @@ -113,7 +113,7 @@ cd BlazorApp {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Run the following commands to add the packages of [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/): @@ -132,9 +132,9 @@ N> All Syncfusion Blazor packages are available on [nuget.org](https://www.nuget {% endtabcontents %} -## 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" %} @@ -165,9 +165,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 Kanban component +## Add Blazor Kanban component -Add the Syncfusion® Blazor Kanban component in the **~/Pages/Home.razor** file. +Add the Blazor Kanban component in the **~/Pages/Home.razor** file. {% tabs %} {% highlight razor %} @@ -229,8 +229,8 @@ N> You can also explore our [Blazor Kanban Board example](https://blazor.syncfus ## See also -* [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](../getting-started/blazor-webassembly-app) +* [Getting Started with Blazor for client-side in .NET Core CLI](../getting-started/blazor-webassembly-app) -* [Getting Started with Syncfusion® Blazor for server-side in Visual Studio](../getting-started/blazor-server-side-visual-studio) +* [Getting Started with Blazor for server-side in Visual Studio](../getting-started/blazor-server-side-visual-studio) -* [Getting Started with Syncfusion® Blazor for server-side in .NET Core CLI](../getting-started/blazor-web-app) \ No newline at end of file +* [Getting Started with Blazor for server-side in .NET Core CLI](../getting-started/blazor-web-app) \ No newline at end of file diff --git a/blazor/kanban/localization.md b/blazor/kanban/localization.md index 63a515dc9b..e1c2a934cd 100644 --- a/blazor/kanban/localization.md +++ b/blazor/kanban/localization.md @@ -1,7 +1,7 @@ --- layout: post -title: Localization in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about localization in Syncfusion Blazor Kanban component and much more details. +title: Localization in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about localization in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug @@ -15,7 +15,7 @@ This section explains how to localize the Blazor Kanban component to support dif ## Localizing Kanban Text -The [Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) component supports localization by allowing you to translate built-in text strings into different languages. To learn how to configure localization across all Syncfusion® Blazor components, refer to the [Blazor Localization](https://blazor.syncfusion.com/documentation/common/localization) documentation. +The [Blazor Kanban](https://www.syncfusion.com/blazor-components/blazor-kanban-board) component supports localization by allowing you to translate built-in text strings into different languages. To learn how to configure localization across all Blazor components, refer to the [Blazor Localization](https://blazor.syncfusion.com/documentation/common/localization) documentation. ## Enabling Right-to-Left (RTL) Layout diff --git a/blazor/kanban/responsive-mode.md b/blazor/kanban/responsive-mode.md index de1ae61fe5..6278caaf78 100644 --- a/blazor/kanban/responsive-mode.md +++ b/blazor/kanban/responsive-mode.md @@ -1,7 +1,7 @@ --- layout: post -title: Responsive Mode in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about responsive mode in Syncfusion Blazor Kanban component and much more. +title: Responsive Mode in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about responsive mode in Blazor Kanban component and much more. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/sort.md b/blazor/kanban/sort.md index 9d09b4aa33..6ccea6f9d6 100644 --- a/blazor/kanban/sort.md +++ b/blazor/kanban/sort.md @@ -1,7 +1,7 @@ --- layout: post -title: Sorting in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about sorting in Syncfusion Blazor Kanban component and much more details. +title: Sorting in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about sorting in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/style.md b/blazor/kanban/style.md index 27ddbae821..45e0f8f535 100644 --- a/blazor/kanban/style.md +++ b/blazor/kanban/style.md @@ -1,7 +1,7 @@ --- layout: post -title: Styling and Appearance in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about styling and appearance in Syncfusion Blazor Kanban component, it's elements and more. +title: Styling and Appearance in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about styling and appearance in Blazor Kanban component, it's elements and more. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/swimlane.md b/blazor/kanban/swimlane.md index d815749acf..5e7b30df1a 100644 --- a/blazor/kanban/swimlane.md +++ b/blazor/kanban/swimlane.md @@ -1,7 +1,7 @@ --- layout: post -title: Swimlane in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about swimlane in Syncfusion Blazor Kanban component and much more details. +title: Swimlane in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about swimlane in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/tooltip.md b/blazor/kanban/tooltip.md index 3bb62bfd8e..023701d031 100644 --- a/blazor/kanban/tooltip.md +++ b/blazor/kanban/tooltip.md @@ -1,15 +1,15 @@ --- layout: post -title: Tooltip in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about tooltip in Syncfusion Blazor Kanban component and much more details. +title: Tooltip in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about tooltip in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug --- -# How to Use Tooltips in Syncfusion Blazor Kanban Component +# How to Use Tooltips in Blazor Kanban Component -Tooltips in the Syncfusion Blazor Kanban component display card details when users hover over card elements. This behavior is enabled using the [EnableTooltip](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Kanban.SfKanban-1.html#Syncfusion_Blazor_Kanban_SfKanban_1_EnableTooltip) property, and the content is dynamically derived from the card's data. +Tooltips in the Blazor Kanban component display card details when users hover over card elements. This behavior is enabled using the [EnableTooltip](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Kanban.SfKanban-1.html#Syncfusion_Blazor_Kanban_SfKanban_1_EnableTooltip) property, and the content is dynamically derived from the card's data. N> To display tooltips on custom elements within the Kanban board, assign the `e-tooltip-text` class to the target element. This ensures the tooltip is triggered correctly. diff --git a/blazor/kanban/validation.md b/blazor/kanban/validation.md index 219cea5b01..f3f8101201 100644 --- a/blazor/kanban/validation.md +++ b/blazor/kanban/validation.md @@ -1,7 +1,7 @@ --- layout: post -title: WIP Validation in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about WIP validation in Syncfusion Blazor Kanban component and much more. +title: WIP Validation in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about WIP validation in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug @@ -9,7 +9,7 @@ documentation: ug # WIP Validation in Blazor Kanban Component -Work-In-Progress (WIP) validation in the Syncfusion Blazor Kanban component helps control the number of cards allowed in each column or swimlane cell. This is achieved using the `MinCount` and `MaxCount` properties. When validation fails, the affected column or cell is visually highlighted. +Work-In-Progress (WIP) validation in the Blazor Kanban component helps control the number of cards allowed in each column or swimlane cell. This is achieved using the `MinCount` and `MaxCount` properties. When validation fails, the affected column or cell is visually highlighted. In the default layout, the `ConstraintType` property accepts only the `Column` type. In the swimlane layout, it supports both `Column` and `Swimlane` constraint types. diff --git a/blazor/kanban/workflow.md b/blazor/kanban/workflow.md index 238c5db3aa..52db9fb18a 100644 --- a/blazor/kanban/workflow.md +++ b/blazor/kanban/workflow.md @@ -1,7 +1,7 @@ --- layout: post -title: Workflow in Blazor Kanban Component | Syncfusion -description: Checkout and learn here all about workflow in Syncfusion Blazor Kanban component and much more details. +title: Workflow in Blazor Kanban Component | Syncfusion® +description: Checkout and learn here all about workflow in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug