diff --git a/blazor/input-mask/accessibility.md b/blazor/input-mask/accessibility.md index 78bedaa08e..47a86982aa 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 the features about Accessibility in Blazor Input Mask component and much more details. 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..81330c39bb 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 the Data Binding in Blazor Input Mask component and much more details. platform: Blazor control: Input Mask documentation: ug diff --git a/blazor/input-mask/events.md b/blazor/input-mask/events.md index 32c982ce66..6f896a9da7 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 the features and 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 d74400d62b..991b88535f 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 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.png)" %} @@ -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 18860ce1dd..3e893d9bb9 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 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. @@ -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 Input Mask component +## Add Blazor Input Mask component -Add the Syncfusion® Blazor Input Mask 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 Input Mask 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. @@ -172,7 +172,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 Input Mask component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor Input Mask 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.png)" %} @@ -196,5 +196,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 397f8bf3fb..a137a95c15 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 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.png)" %} @@ -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/maskedtextbox-for-and-model-binding.md b/blazor/input-mask/how-to/maskedtextbox-for-and-model-binding.md index cccb5d2fd1..7e53258147 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 cf04111fe0..983fca515b 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 much more details. 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..8fceb816c6 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 details. 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..72ef9904f3 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 much more details. 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..6139a01bc5 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 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..acbf299ad3 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. @@ -50,7 +50,7 @@ Follow these steps to install the Essential Studio&re 5. Open the Applications folder and launch the Syncfusion 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..2bfd1f7468 100644 --- a/blazor/installation/offline-installer/how-to-install.md +++ b/blazor/installation/offline-installer/how-to-install.md @@ -1,19 +1,19 @@ --- 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 --- -# Install the Syncfusion® Blazor offline installer +# Install the Blazor offline installer ## Install with the user interface 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) @@ -54,7 +54,7 @@ The steps below show how to install the Essential Studio® 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**. @@ -78,7 +78,7 @@ 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. @@ -90,7 +90,7 @@ The Syncfusion® Essential Studio® 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. @@ -116,7 +116,7 @@ To install through the Command Line in Silent mode, follow the steps below. Syncfusion® 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. +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. diff --git a/blazor/installation/web-installer/how-to-download.md b/blazor/installation/web-installer/how-to-download.md index b0d98ff270..427d282e7b 100644 --- a/blazor/installation/web-installer/how-to-download.md +++ b/blazor/installation/web-installer/how-to-download.md @@ -1,7 +1,7 @@ --- layout: post -title: Download the Syncfusion Blazor web installer - Syncfusion -description: Learn how to download the Blazor web installer for trial or licensed use from your Syncfusion account, including links to Start trials and License & Downloads. +title: Download the Blazor web installer | Syncfusion® +description: Learn how to download the Blazor web installer for trial or licensed use from your account, including links to Start trials and License & Downloads. platform: Blazor control: Common documentation: ug diff --git a/blazor/installation/web-installer/how-to-install.md b/blazor/installation/web-installer/how-to-install.md index d862a13467..09c7957a6e 100644 --- a/blazor/installation/web-installer/how-to-install.md +++ b/blazor/installation/web-installer/how-to-install.md @@ -1,7 +1,7 @@ --- layout: post -title: Install the Syncfusion Blazor web installer | Syncfusion -description: Learn here about how to install the Syncfusion Blazor web installer, configure products, and manage the uninstall options. Explore here to more details. +title: Install the Syncfusion Blazor web installer | Syncfusion® +description: Learn here about how to install the Blazor web installer, configure products, and manage the uninstall options. Explore here to more details. platform: Blazor control: Common documentation: ug @@ -63,7 +63,7 @@ The steps below show how to install the Essential Studio® Blazor components](../common/accessibility) +* [Accessibility in Blazor components](../common/accessibility) diff --git a/blazor/kanban/cards.md b/blazor/kanban/cards.md index 1058290d83..3c88581dc6 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 the features 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 66c724e4f2..6c96d299ed 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 the features 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 7dc78bee89..0e1431dca1 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 the features 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 88d598e55a..96875996bd 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 the features 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 fb4eb34045..630b232b75 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 the features 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..65902980d8 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 the features 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..b1b7905a24 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 Blazor Kanban 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 required 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 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/): @@ -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 6597f4c71c..c3738d8a4d 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 the features about localization in Blazor Kanban component and much more details. platform: Blazor control: Kanban documentation: ug diff --git a/blazor/kanban/responsive-mode.md b/blazor/kanban/responsive-mode.md index 68ecf82069..bcacfd256d 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 101e025e9d..839a8e0bad 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 3bda92c9df..f1df700ea5 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 1adb974d82..b58345b31a 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 b499d50e72..00753a48c8 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 72e27da553..9df12ed297 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