diff --git a/blazor/getting-started/blazor-core-hosted-cli.md b/blazor/getting-started/blazor-core-hosted-cli.md index 3f3d85dc1d..9009702a90 100644 --- a/blazor/getting-started/blazor-core-hosted-cli.md +++ b/blazor/getting-started/blazor-core-hosted-cli.md @@ -1,7 +1,7 @@ --- layout: post -title: Blazor ASP.NET Core Hosted App in .NET CLI - Syncfusion Blazor -description: Check out the documentation for getting started with Blazor ASP.NET Core Hosted WebAssembly App and Syncfusion Blazor Components in .NET CLI and much more. +title: Blazor ASP.NET Core Hosted App in .NET CLI | Syncfusion® +description: Check out the documentation for getting started with Blazor ASP.NET Core Hosted WebAssembly App and Blazor Components in .NET CLI and much more. platform: Blazor component: Common documentation: ug @@ -40,7 +40,7 @@ This command creates new Blazor WebAssembly App project and places it in a new d N> If you have installed multiple SDK versions and need any specific framework version (.net6.0/.net7.0) project, then add `-f` flag along with `dotnet new blazorwasm` comment. Refer [here](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=windows) for the available options. -## Install Syncfusion® Blazor Calendars and Themes NuGet in the App +## Install Blazor Calendars and Themes NuGet in the App Here's an example of how to add **Blazor Calendar** component in the application using the following command in the command prompt (Windows) or terminal (Linux and macOS) to install a [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package. See [Install and manage packages using the dotnet CLI](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli) topics for more details. @@ -54,9 +54,9 @@ dotnet restore {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespace. @@ -67,7 +67,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio ``` -Now, Open the **~/Program.cs** file and register the Syncfusion® Blazor Service in the client web app. +Now, Open the **~/Program.cs** file and register the Blazor Service in the client web app. {% tabs %} {% highlight C# tabtitle="Blazor WebAssembly App" hl_lines="3 11" %} @@ -104,9 +104,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/Index.razor** file. +Add the Blazor Calendar component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} diff --git a/blazor/getting-started/blazor-core-hosted.md b/blazor/getting-started/blazor-core-hosted.md index 0ac1fdb997..35c4c5c1c0 100644 --- a/blazor/getting-started/blazor-core-hosted.md +++ b/blazor/getting-started/blazor-core-hosted.md @@ -1,7 +1,7 @@ --- layout: post -title: Blazor ASP.NET Core Hosted App in Visual Studio - Syncfusion Blazor -description: Check out the documentation for getting started with Blazor ASP.NET Core Hosted WebAssembly App and Syncfusion Blazor Components in Visual Studio. +title: Blazor ASP.NET Core Hosted App in Visual Studio | Syncfusion® +description: Check out the documentation for getting started with Blazor ASP.NET Core Hosted WebAssembly App and Blazor Components in Visual Studio. platform: Blazor component: Common documentation: ug @@ -19,9 +19,9 @@ This article provides a step-by-step instructions for building Blazor ASP.NET Co ## Create a Blazor ASP.NET Core Hosted WebAssembly App in Visual Studio -You can create Blazor ASP.NET Core Hosted WebAssembly app using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). +You can create Blazor ASP.NET Core Hosted WebAssembly app using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). -## Install Syncfusion® Blazor Calendars and Themes NuGet in the App +## Install Blazor Calendars and Themes NuGet in the App Here's an example of how to add **Blazor Calendar** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same. @@ -34,9 +34,9 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespace. @@ -47,7 +47,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio ``` -Now, Open the **~/Program.cs** file and register the Syncfusion® Blazor Service in the client web app. +Now, Open the **~/Program.cs** file and register the Blazor Service in the client web app. {% tabs %} {% highlight C# tabtitle="Blazor WebAssembly App" hl_lines="3 10" %} @@ -84,9 +84,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/Index.razor** file. +Add the Blazor Calendar component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} @@ -96,7 +96,7 @@ Add the Syncfusion® Blazor Calendar compone {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Calendar component in your default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor Calendar component in your default web browser. ![Blazor Calendar Component](images/core-hosted/browser-output.png) diff --git a/blazor/getting-started/blazor-electron-app.md b/blazor/getting-started/blazor-electron-app.md index a1b1ccd9aa..551b550bb3 100644 --- a/blazor/getting-started/blazor-electron-app.md +++ b/blazor/getting-started/blazor-electron-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Creating a Blazor Desktop App with Electron | Syncfusion +title: Creating a Blazor Desktop App with Electron | Syncfusion® description: Learn to build a cross-platform desktop app using a Blazor Web App (Server) with Electron integrating Blazor DataGrid. platform: Blazor component: Common diff --git a/blazor/getting-started/blazor-server-side-dotnet-cli.md b/blazor/getting-started/blazor-server-side-dotnet-cli.md index da1b3e3596..d587d37d50 100644 --- a/blazor/getting-started/blazor-server-side-dotnet-cli.md +++ b/blazor/getting-started/blazor-server-side-dotnet-cli.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started - Syncfusion Blazor Server Side App in .NET CLI -description: Check out the documentation for getting started with Syncfusion Blazor Components in Visual Studio using .NET CLI and much more. +title: Getting started with Server Side App in .NET CLI | Syncfusion® +description: Check out the documentation for getting started with Blazor Components in Visual Studio using .NET CLI and much more. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Server Side App in .NET CLI -This article provides a step-by-step instructions for building Blazor Server App with `Syncfusion® Blazor Component` using the [.NET CLI](https://dotnet.microsoft.com/en-us/download/dotnet). +This article provides a step-by-step instructions for building Blazor Server App with `Blazor Component` using the [.NET CLI](https://dotnet.microsoft.com/en-us/download/dotnet). ## Prerequisites @@ -40,7 +40,7 @@ This command creates new Blazor app project and places it in a new directory cal N> If you have installed multiple SDK versions and need any specific framework version (net6.0/net7.0) project, then add `-f` flag along with `dotnet new blazorserver` comment. Refer [here](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) for the available options. -## Install Syncfusion® Blazor Calendars and Themes NuGet in the App +## Install Blazor Calendars and Themes NuGet in the App Here's an example of how to add **Blazor Calendar** component in the application using the following command in the command prompt (Windows) or terminal (Linux and macOS) to install a [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package. See [Install and manage packages using the dotnet CLI](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli) topics for more details. @@ -54,9 +54,9 @@ dotnet restore {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespace. @@ -67,7 +67,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio ``` -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your Blazor Server App. +Now, register the Blazor Service in the **~/Program.cs** file of your Blazor Server App. {% tabs %} {% highlight C# tabtitle="Blazor Server App" hl_lines="3 10" %} @@ -105,9 +105,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/Index.razor** file. +Add the Blazor Calendar component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} diff --git a/blazor/getting-started/blazor-server-side-mac.md b/blazor/getting-started/blazor-server-side-mac.md index 6209bb3496..9ec530bf49 100644 --- a/blazor/getting-started/blazor-server-side-mac.md +++ b/blazor/getting-started/blazor-server-side-mac.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion Blazor Server Side App in VS for Mac -description: Check out the documentation for getting started with Syncfusion Blazor Components in Visual Studio for Mac and much more. +title: Getting started with Server Side App in VS for Mac | Syncfusion® +description: Check out the documentation for getting started with Blazor Components in Visual Studio for Mac and much more. platform: Blazor component: Common documentation: ug @@ -23,13 +23,13 @@ You can create a **Blazor Server App** using Visual Studio for mac in the follow * [Create a project using Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=macos) -## Install Syncfusion® Blazor packages in the App +## Install Blazor packages in the App Here's an example of how to add **Blazor Calendar** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the following namespace. @@ -39,7 +39,7 @@ Open **~/_Imports.razor** file and import the following namespace. @using Syncfusion.Blazor.Calendars ``` -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your Blazor Server App. +Now, register the Blazor Service in the **~/Program.cs** file of your Blazor Server App. {% tabs %} {% highlight C# tabtitle="Blazor Server App" hl_lines="1 5" %} @@ -70,9 +70,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/Index.razor** file. +Add the Blazor Calendar component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} @@ -82,7 +82,7 @@ Add the Syncfusion® Blazor Calendar compone {% endhighlight %} {% endtabs %} -* ⌘+F5 to run the app. Then, the Syncfusion® Blazor Calendar component will be rendered in the default web browser. +* ⌘+F5 to run the app. Then, the Blazor Calendar component will be rendered in the default web browser. ![Blazor Calendar Component](images/mac-output.png) diff --git a/blazor/getting-started/blazor-server-side-visual-studio.md b/blazor/getting-started/blazor-server-side-visual-studio.md index a099341703..8b96318874 100644 --- a/blazor/getting-started/blazor-server-side-visual-studio.md +++ b/blazor/getting-started/blazor-server-side-visual-studio.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting started with Syncfusion Blazor Server App in Visual Studio +title: Getting started with Server App in Visual Studio | Syncfusion® description: Check out the documentation for getting started with Blazor Components in Visual Studio and much more. platform: Blazor component: Common diff --git a/blazor/getting-started/blazor-single-nuget.md b/blazor/getting-started/blazor-single-nuget.md index 26b91e02b7..8ed5259b45 100644 --- a/blazor/getting-started/blazor-single-nuget.md +++ b/blazor/getting-started/blazor-single-nuget.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion.Blazor Single NuGet in Visual Studio -description: Check out the documentation for getting started with Syncfusion.Blazor Single NuGet in Syncfusion Blazor Application and and explore here to more details. +title: Getting started with Single NuGet in Visual Studio | Syncfusion® +description: Check out the documentation for getting started with Syncfusion.Blazor Single NuGet in Blazor Application and and explore here to more details. platform: Blazor component: Common documentation: ug @@ -17,9 +17,9 @@ This section explains how to add a Blazor component by using the consolidated Sy ## Create a new Blazor App in Visual Studio -Create a **Blazor Web App (Server Interactive Mode) or WebAssembly Standalone** using Visual Studio via the [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vs) or the [Syncfusion® Blazor extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). +Create a **Blazor Web App (Server Interactive Mode) or WebAssembly Standalone** using Visual Studio via the [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vs) or the [Syncfusion® Blazor extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). -## Install Syncfusion® Blazor Single NuGet in the App +## Install Blazor Single NuGet in the App To add the **Blazor Calendar** component to the app, open NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search for, and install [Syncfusion.Blazor](https://www.nuget.org/packages/Syncfusion.Blazor). Alternatively, use the following Package Manager command. @@ -31,9 +31,9 @@ Install-Package Syncfusion.Blazor -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available package list with component details. The Syncfusion.Blazor Single NuGet package is a comprehensive package that includes all components, with the exception of PDF Viewer and Document Editor. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available package list with component details. The Syncfusion.Blazor Single NuGet package is a comprehensive package that includes all components, with the exception of PDF Viewer and Document Editor. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/Components/_Imports.razor** and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespaces. @@ -44,7 +44,7 @@ Open **~/Components/_Imports.razor** and import the `Syncfusion.Blazor` and `Syn ``` -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your Blazor WebApp Server Interactive Mode or WebAssembly Standalone app. +Now, register the Blazor Service in the **~/Program.cs** file of your Blazor WebApp Server Interactive Mode or WebAssembly Standalone app. {% tabs %} {% highlight C# tabtitle="Blazor Server App" hl_lines="3 10" %} @@ -102,9 +102,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> If you are using Syncfusion.Blazor single NuGet, you don’t have to refer Syncfusion.Blazor.Themes NuGet. Since style sheets already inside the assets of Syncfusion.Blazor NuGet. 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 component +## Add Blazor component -* Now, add the Syncfusion® Blazor Calendar component in the **~/Components/Pages/Index.razor** file. +* Now, add the Blazor Calendar component in the **~/Components/Pages/Index.razor** file. {% tabs %} {% highlight razor %} @@ -114,6 +114,6 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. Then, the Syncfusion® Blazor Calendar component will be rendered in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. Then, the Blazor Calendar component will be rendered in the default web browser. ![Blazor Calendar Component](images/core-hosted/browser-output.png) diff --git a/blazor/getting-started/blazor-web-app-dotnet-cli.md b/blazor/getting-started/blazor-web-app-dotnet-cli.md index 057a5f02fa..693baff5bc 100644 --- a/blazor/getting-started/blazor-web-app-dotnet-cli.md +++ b/blazor/getting-started/blazor-web-app-dotnet-cli.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started - Syncfusion Blazor Web App in .NET CLI -description: Checkout the documentation for getting started with Blazor Web App and Syncfusion Blazor Components in Visual Studio using .NET CLI and much more. +title: Getting Started with Web App in .NET CLI | Syncfusion® +description: Checkout the documentation for getting started with Blazor Web App and Blazor Components in Visual Studio using .NET CLI and much more. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Web App in .NET CLI -This article provides a step-by-step instructions for building Blazor Web App with `Syncfusion® Blazor` component using the [.NET CLI](https://dotnet.microsoft.com/en-us/download/dotnet). +This article provides a step-by-step instructions for building Blazor Web App with `Blazor` component using the [.NET CLI](https://dotnet.microsoft.com/en-us/download/dotnet). ## Prerequisites @@ -64,11 +64,11 @@ cd BlazorApp.Client This command creates new Blazor Web app project and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?pivots=linux-macos&view=aspnetcore-8.0) topics for more details. -## Install Syncfusion® Blazor Calendars and Themes NuGet in the App +## Install Blazor Calendars and Themes NuGet in the App Here's an example of how to add **Blazor Calendar** component in the application using the following command in the command prompt (Windows) or terminal (Linux and macOS) to install a [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package. See [Install and manage packages using the dotnet CLI](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli) topics for more details. -If you utilize `WebAssembly or Auto` render modes in the Blazor Web App need to be install Syncfusion® Blazor components NuGet packages within the client project. +If you utilize `WebAssembly or Auto` render modes in the Blazor Web App need to be install Blazor components NuGet packages within the client project. {% tabs %} {% highlight c# tabtitle=".NET CLI" %} @@ -80,9 +80,9 @@ dotnet restore {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespace. @@ -93,9 +93,9 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio ``` -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your App. +Now, register the Blazor Service in the **~/Program.cs** file of your App. -If you select an **Interactive render mode** as `WebAssembly` or `Auto`, you need to register the Syncfusion® Blazor service in both **~/Program.cs** files of your Blazor Web App. +If you select an **Interactive render mode** as `WebAssembly` or `Auto`, you need to register the Blazor service in both **~/Program.cs** files of your Blazor Web App. ```cshtml @@ -125,9 +125,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/.razor** file. If an interactivity location as `Per page/component` in the web app, define a render mode at the top of the `~Pages/.razor` component, as follows: +Add the Blazor Calendar component in the **~/Pages/.razor** file. If an interactivity location as `Per page/component` in the web app, define a render mode at the top of the `~Pages/.razor` component, as follows: {% tabs %} {% highlight razor %} @@ -158,7 +158,7 @@ dotnet run {% endhighlight %} {% endtabs %} -![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.png) +![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.webp) ## See Also diff --git a/blazor/getting-started/blazor-web-app-linux.md b/blazor/getting-started/blazor-web-app-linux.md index 2eca5b54fd..0c68e6bed6 100644 --- a/blazor/getting-started/blazor-web-app-linux.md +++ b/blazor/getting-started/blazor-web-app-linux.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started - Syncfusion Blazor Web App in Linux -description: Check out the documentation for getting started with Blazor Web App and Syncfusion Blazor Components using .NET CLI in Linux and much more. +title: Getting Started with Web App in Linux | Syncfusion® +description: Check out the documentation for getting started with Blazor Web App and Blazor Components using .NET CLI in Linux and much more. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor Web App in Linux (Ubuntu) -This article provides a step-by-step instruction for building Blazor Web App with `Syncfusion® Blazor` component using the [.NET CLI](https://dotnet.microsoft.com/en-us/download/dotnet) on linux. +This article provides a step-by-step instruction for building Blazor Web App with `Blazor` component using the [.NET CLI](https://dotnet.microsoft.com/en-us/download/dotnet) on linux. ## Prerequisites @@ -64,11 +64,11 @@ cd BlazorApp.Client This command creates new Blazor Web app project and places it in a new directory called `BlazorApp` inside your current location. See [dotnet new CLI command](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?pivots=linux-macos&view=aspnetcore-8.0) topics for more details. -## Install Syncfusion® Blazor Calendars and Themes NuGet in the App +## Install Blazor Calendars and Themes NuGet in the App Here’s an example of how to add Blazor Calendar component in the application using the following command in the terminal to install a [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package. See [Install and manage packages using the dotnet CLI](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli) topics for more details. -If you utilize `WebAssembly or Auto` render modes in the Blazor Web App, you need to install Syncfusion® Blazor components NuGet packages within the client project. +If you utilize `WebAssembly or Auto` render modes in the Blazor Web App, you need to install Blazor components NuGet packages within the client project. {% tabs %} {% highlight c# tabtitle=".NET CLI" %} @@ -79,9 +79,9 @@ dotnet add package Syncfusion.Blazor.Themes --version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespace. @@ -93,7 +93,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio ``` -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your App. If you select an Interactive render mode as `WebAssembly` or `Auto`, you need to register the Syncfusion® Blazor service in both **~/Program.cs** files of your Blazor Web App. +Now, register the Blazor Service in the **~/Program.cs** file of your App. If you select an Interactive render mode as `WebAssembly` or `Auto`, you need to register the Blazor service in both **~/Program.cs** files of your Blazor Web App. ```cshtml @@ -124,9 +124,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/.razor** file. Ensure the page is defined with a render mode at the top of the **~Pages/.razor** component, as follows: +Add the Blazor Calendar component in the **~/Pages/.razor** file. Ensure the page is defined with a render mode at the top of the **~Pages/.razor** component, as follows: {% tabs %} {% highlight razor %} @@ -156,4 +156,4 @@ dotnet run {% endhighlight %} {% endtabs %} -![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.png) +![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.webp) diff --git a/blazor/getting-started/blazor-web-app-single-nuget.md b/blazor/getting-started/blazor-web-app-single-nuget.md index 8f6b35a597..b8a4cd733c 100644 --- a/blazor/getting-started/blazor-web-app-single-nuget.md +++ b/blazor/getting-started/blazor-web-app-single-nuget.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion.Blazor Single NuGet in Blazor Web App -description: Check out the documentation for getting started with Syncfusion.Blazor Single NuGet in Syncfusion Blazor Web App and and explore here to more details. +title: Getting started with Single NuGet in Blazor Web App | Syncfusion® +description: Check out the documentation for getting started with Syncfusion.Blazor Single NuGet in Blazor Web App and and explore here to more details. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting started with Blazor Web App using Syncfusion.Blazor NuGet -This section explains how to include a Syncfusion® Blazor component in a Blazor Web App by using the consolidated Syncfusion.Blazor “Single NuGet” package in [Visual Studio](https://visualstudio.microsoft.com/vs/). +This section explains how to include a Blazor component in a Blazor Web App by using the consolidated Syncfusion.Blazor “Single NuGet” package in [Visual Studio](https://visualstudio.microsoft.com/vs/). ## Prerequisites @@ -17,15 +17,15 @@ This section explains how to include a Syncfusion® ## Create a new Blazor Web App in Visual Studio -Create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0) or the [Syncfusion® Blazor extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). +Create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0) or the [Syncfusion® Blazor extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). Configure the appropriate [interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes) and [interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=windows) during project creation. -## Install Syncfusion® Blazor Single NuGet in the App +## Install Blazor Single NuGet in the App To add the **Blazor Calendar** component to the app, open NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then search for and install [Syncfusion.Blazor](https://www.nuget.org/packages/Syncfusion.Blazor). -If you utilize `WebAssembly or Auto` render modes in the Blazor Web App need to be install Syncfusion® Blazor components NuGet packages within the client project. +If you utilize `WebAssembly or Auto` render modes in the Blazor Web App need to be install Blazor components NuGet packages within the client project. Alternatively, use the following Package Manager command: @@ -37,9 +37,9 @@ Install-Package Syncfusion.Blazor -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available packages and component details. The Syncfusion.Blazor Single NuGet package is a comprehensive package that includes all components, except PDF Viewer and Document Editor. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available packages and component details. The Syncfusion.Blazor Single NuGet package is a comprehensive package that includes all components, except PDF Viewer and Document Editor. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespaces. @@ -50,9 +50,9 @@ Open **~/_Imports.razor** and import the `Syncfusion.Blazor` and `Syncfusion.Bla ``` -Next, register the Syncfusion® Blazor service in the **~/Program.cs** file of the Blazor Web App. +Next, register the Blazor service in the **~/Program.cs** file of the Blazor Web App. -If the **interactive render mode** is `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in both **~/Program.cs** files of the Blazor Web App. +If the **interactive render mode** is `WebAssembly` or `Auto`, register the Blazor service in both **~/Program.cs** files of the Blazor Web App. ```cshtml @@ -83,9 +83,9 @@ The theme stylesheet and script are provided via NuGet [Static Web Assets](https N> When using the Syncfusion.Blazor Single NuGet, a separate Syncfusion.Blazor.Themes package is not required because the stylesheets are included in the Syncfusion.Blazor assets. 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 component +## Add Blazor component -* Add the Syncfusion® Blazor Calendar component in the **~/Pages/.razor** file. If the interactivity location is `Per page/component`, define a render mode at the top of the `~Pages/.razor` component as follows: +* Add the Blazor Calendar component in the **~/Pages/.razor** file. If the interactivity location is `Per page/component`, define a render mode at the top of the `~Pages/.razor` component as follows: {% tabs %} {% highlight razor %} @@ -104,6 +104,6 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. The Syncfusion® Blazor Calendar component is rendered in the default browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to run the app. The Blazor Calendar component is rendered in the default browser. -![Blazor Web App rendering the Syncfusion Blazor Calendar component](images/core-hosted/browser-output.png) +![Blazor Web App rendering the Blazor Calendar component](images/core-hosted/browser-output.png) diff --git a/blazor/getting-started/blazor-web-app.md b/blazor/getting-started/blazor-web-app.md index e224503966..9e1ec23e9d 100644 --- a/blazor/getting-started/blazor-web-app.md +++ b/blazor/getting-started/blazor-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor Web App | Syncfusion +title: Getting Started with Blazor Web App | Syncfusion® description: Learn how to get started with the Blazor DataGrid component in a Blazor Web App using Visual Studio, Visual Studio Code, and the .NET CLI. platform: Blazor component: Common diff --git a/blazor/getting-started/blazor-webassembly-app.md b/blazor/getting-started/blazor-webassembly-app.md index 61e9da45a4..c80efa2ad8 100644 --- a/blazor/getting-started/blazor-webassembly-app.md +++ b/blazor/getting-started/blazor-webassembly-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion Blazor WASM App in Visual Studio +title: Getting Started with Blazor WASM App in Visual Studio | Syncfusion® description: Check out the documentation for getting started with Blazor WebAssembly App and Blazor Components in Visual Studio and much more. platform: Blazor component: Common diff --git a/blazor/getting-started/blazor-webassembly-dotnet-cli.md b/blazor/getting-started/blazor-webassembly-dotnet-cli.md index bab99b058b..7fdfaebd51 100644 --- a/blazor/getting-started/blazor-webassembly-dotnet-cli.md +++ b/blazor/getting-started/blazor-webassembly-dotnet-cli.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started - Syncfusion Blazor WebAssembly App in .NET CLI -description: Checkout the documentation for getting started with Blazor WebAssembly App and Syncfusion Blazor Components in Visual Studio using .NET CLI and much more. +title: Getting Started with WebAssembly App in .NET CLI | Syncfusion® +description: Checkout the documentation for getting started with Blazor WebAssembly App and Blazor Components in Visual Studio using .NET CLI and much more. platform: Blazor component: Common documentation: ug @@ -50,7 +50,7 @@ This command creates new Blazor WebAssembly app project and places it in a new d N> If you have installed multiple SDK versions and need any specific framework version (net6.0/net7.0) project, then add `-f` flag along with `dotnet new blazorwasm` comment. Refer [here](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new#blazorwasm) for the available options. -## Install Syncfusion® Blazor Calendars and Themes NuGet in the App +## Install Blazor Calendars and Themes NuGet in the App Here's an example of how to add **Blazor Calendar** component in the application using the following command in the command prompt (Windows) or terminal (Linux and macOS) to install a [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package. See [Install and manage packages using the dotnet CLI](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli) topics for more details. @@ -64,9 +64,9 @@ dotnet restore {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Calendars` namespace. @@ -77,7 +77,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio ``` -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App. +Now, register the Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App. {% tabs %} {% highlight C# tabtitle="Blazor WebAssembly App" hl_lines="3 11" %} @@ -114,9 +114,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/Index.razor** file. +Add the Blazor Calendar component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} @@ -136,7 +136,7 @@ dotnet run {% endhighlight %} {% endtabs %} -![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.png) +![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.webp) ## See Also diff --git a/blazor/getting-started/blazor-webassembly-jetbrains.md b/blazor/getting-started/blazor-webassembly-jetbrains.md index c63cfdf434..7fe2b68f19 100644 --- a/blazor/getting-started/blazor-webassembly-jetbrains.md +++ b/blazor/getting-started/blazor-webassembly-jetbrains.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion® Blazor WASM App in JetBrains Rider +title: Getting Started with Blazor WASM App in JetBrains Rider | Syncfusion® description: Step-by-step guide to integrate Syncfusion® Blazor DataGrid in Blazor WASM applications in JetBrains Rider. platform: Blazor control: common diff --git a/blazor/getting-started/blazor-webassembly-visual-studio-mac.md b/blazor/getting-started/blazor-webassembly-visual-studio-mac.md index a02ad89e6b..36119aeb84 100644 --- a/blazor/getting-started/blazor-webassembly-visual-studio-mac.md +++ b/blazor/getting-started/blazor-webassembly-visual-studio-mac.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion Blazor WebAssembly App in VS for Mac -description: Check out the documentation for getting started with Blazor WebAssembly App and Syncfusion Blazor Components in Visual Studio for Mac and much more. +title: Getting started with WebAssembly App in VS for Mac | Syncfusion® +description: Check out the documentation for getting started with Blazor WebAssembly App and Blazor Components in Visual Studio for Mac and much more. platform: Blazor component: Common documentation: ug @@ -23,13 +23,13 @@ You can create **Blazor WebAssembly App** in Visual Studio for mac by the follow * [Create a project using Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=macos) -## Install Syncfusion® Blazor Packages in the App +## Install Blazor Packages in the App Here's an example of how to add **Blazor Calendar** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the following namespace. @@ -40,7 +40,7 @@ Open **~/_Imports.razor** file and import the following namespace. ``` -Now, register the Syncfusion® Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App. +Now, register the Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App. {% tabs %} {% highlight c# tabtitle="Blazor WebAssembly App (~/Program.cs)" hl_lines="1 5" %} @@ -69,9 +69,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 component +## Add Blazor component -Add the Syncfusion® Blazor Calendar component in the **~/Pages/Index.razor** file. +Add the Blazor Calendar component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} @@ -81,9 +81,9 @@ Add the Syncfusion® Blazor Calendar compone {% endhighlight %} {% endtabs %} -* ⌘+F5 to run the app. Then, the Syncfusion® Blazor Calendar component will be rendered in the default web browser. +* ⌘+F5 to run the app. Then, the Blazor Calendar component will be rendered in the default web browser. -![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.png) +![Blazor Calendar Component](images/output-calendar-using-blazor-webassembly.webp) N> When using a PDF viewer on macOS (ARM), we recommend our [PDF Viewer](https://blazor.syncfusion.com/documentation/pdfviewer-2/migration) since it is compatible with macOS (ARM). diff --git a/blazor/getting-started/maui-blazor-app.md b/blazor/getting-started/maui-blazor-app.md index 6f08530cea..79166ebe74 100644 --- a/blazor/getting-started/maui-blazor-app.md +++ b/blazor/getting-started/maui-blazor-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with MAUI Blazor App in Visual Studio | Syncfusion -description: Check out the documentation for getting started with MAUI Blazor App and Syncfusion Blazor Components in Visual Studio and much more. +title: Getting Started with MAUI Blazor App in Visual Studio | Syncfusion® +description: Check out the documentation for getting started with MAUI Blazor App and Blazor Components in Visual Studio and much more. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with .NET MAUI Blazor Hybrid App -This section explains how to create and run the .NET Multi-platform Blazor App UI (.NET MAUI Blazor App) with Syncfusion® Blazor components. +This section explains how to create and run the .NET Multi-platform Blazor App UI (.NET MAUI Blazor App) with Blazor components. To get started quickly with a .NET MAUI Blazor App, review the following video. @@ -61,7 +61,7 @@ In `MainPage.xaml`, the `BlazorWebView` is added and points to the root of the B For more details, refer to the [Create a .NET MAUI Blazor App](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/blazorwebview#create-a-net-maui-blazor-app) topic. -## Install Syncfusion® Blazor Grid and Themes NuGet in the App +## Install Blazor Grid and Themes NuGet in the App To add the **Blazor DataGrid** component to the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then search and install [Syncfusion.Blazor.Grid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes). Alternatively, run the following commands in the Package Manager Console to achieve the same. @@ -74,7 +74,7 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. ## Add Import Namespaces @@ -89,9 +89,9 @@ Open the `~/_Imports.razor` file and import the `Syncfusion.Blazor` and `Syncfus {% endhighlight %} {% endtabs %} -## Register Syncfusion Blazor Service +## Register Blazor Service -Register the Syncfusion Blazor service in the `MauiProgram.cs` file of the MAUI Blazor App. +Register the Blazor service in the `MauiProgram.cs` file of the MAUI Blazor App. {% tabs %} {% highlight C# tabtitle="~/MauiProgram.cs" hl_lines="1 3" %} @@ -122,9 +122,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, see [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 component +## Add Blazor component -Add a Syncfusion Blazor component to any Razor file in the Blazor project. The example below adds the Blazor Grid component into `Pages/Home.razor` file. +Add a Blazor component to any Razor file in the Blazor project. The example below adds the Blazor Grid component into `Pages/Home.razor` file. {% tabs %} {% highlight razor %} @@ -163,7 +163,7 @@ In the Visual Studio toolbar, click the **Windows Machine** to build and run the N> To run the application on Android or iOS, refer to [MAUI Getting Started](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/maui?view=aspnetcore-8.0#run-the-app-in-the-android-emulator) for setup instructions. -![MAUI Blazor App with Syncfusion Blazor Components](images/maui/maui-blazor-datagrid.webp) +![MAUI Blazor App with Blazor Components](images/maui/maui-blazor-datagrid.webp) N> Download the demo from [GitHub](https://github.com/SyncfusionExamples/MAUI-Blazor-App-using-Syncfusion-Blazor-Components). @@ -195,7 +195,7 @@ If the error dialog “There were deployment errors” appears, enable Developer ### How to solve deployment errors in iOS? -In iOS, code is statically compiled ahead of time. Configure Syncfusion® Blazor assemblies in the `MtouchExtraArgs` tag for the iOS Release configuration in the project when deploying to a real device. +In iOS, code is statically compiled ahead of time. Configure Blazor assemblies in the `MtouchExtraArgs` tag for the iOS Release configuration in the project when deploying to a real device. ``` diff --git a/blazor/getting-started/maui-blazor-web-app.md b/blazor/getting-started/maui-blazor-web-app.md index 04cfed5910..8fb268c7ab 100644 --- a/blazor/getting-started/maui-blazor-web-app.md +++ b/blazor/getting-started/maui-blazor-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Integrating Syncfusion® Blazor Components in .NET MAUI and Web App +title: Integrating Components in .NET MAUI and Web App | Syncfusion® description: Steps to create a .NET MAUI Blazor Hybrid and Blazor Web App and integrate Syncfusion® Blazor components. platform: Blazor component: Common diff --git a/blazor/getting-started/microsoft-teams-app.md b/blazor/getting-started/microsoft-teams-app.md index 9d7d98c591..6977e98029 100644 --- a/blazor/getting-started/microsoft-teams-app.md +++ b/blazor/getting-started/microsoft-teams-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Microsoft Teams App in Visual Studio | Syncfusion -description: Check out the documentation for getting started with Microsoft Teams App using Syncfusion Blazor Components in Visual Studio and much more. +title: Getting Started with Microsoft Teams App in VS | Syncfusion® +description: Check out the documentation for getting started with Microsoft Teams App using Blazor Components in Visual Studio and much more. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Microsoft Teams Application -This section explains how to create and run a Microsoft Teams application (Tab App) with Syncfusion® Blazor components. +This section explains how to create and run a Microsoft Teams application (Tab App) with Blazor components. ## Prerequisites @@ -55,7 +55,7 @@ This section explains how to create and run a Microsoft Teams application (Tab A 5. Click Open to create the new Microsoft application with a personal tab. ![New Teams application with a personal tab](images/MSTeams/new-app-personal-tab.webp) -## Install Syncfusion® Blazor Kanban and Themes NuGet in the App +## Install Blazor Kanban and Themes NuGet in the App Here's an example of how to add **Blazor Kanban** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Kanban](https://www.nuget.org/packages/Syncfusion.Blazor.Kanban) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same. @@ -68,9 +68,9 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion® Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available package list with component details. +N> Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available package list with component details. -## Register Syncfusion® Blazor Service +## Register Blazor Service Open **~/_Imports.razor** file and import the `Syncfusion.Blazor.Buttons` and `Syncfusion.Blazor.Kanban` namespace. @@ -81,7 +81,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor.Buttons` and `S ``` -Now, register the Syncfusion® Blazor Service in the created Microsoft Teams tab app. Open the `~/Program.cs` file and register the Syncfusion® Blazor service as follows +Now, register the Blazor Service in the created Microsoft Teams tab app. Open the `~/Program.cs` file and register the Blazor service as follows {% tabs %} {% highlight c# tabtitle="~/Program.cs" hl_lines="2 16" %} @@ -128,9 +128,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 component +## Add Blazor component -Now, add the Syncfusion® Blazor Kanban component in the `Tab.razor` page under the `~/Components/Pages/Tab.razor` folder. +Now, add the Blazor Kanban component in the `Tab.razor` page under the `~/Components/Pages/Tab.razor` folder. {% tabs %} {% highlight razor tabtitle="~/Components/Pages/Tab.razor" %} @@ -208,6 +208,6 @@ Now, add the Syncfusion® Blazor Kanban comp {% endhighlight %} {% endtabs %} -![Microsoft Teams application with Syncfusion Blazor controls](images/MSTeams/output-msteams-syncfusion.webp) +![Microsoft Teams application with Blazor controls](images/MSTeams/output-msteams-syncfusion.webp) -N> [View the complete Microsoft Teams application with Syncfusion® Blazor controls on GitHub](https://github.com/SyncfusionExamples/Building-Apps-for-Microsoft-Teams-with-Blazor-using-Syncfusion-Components) +N> [View the complete Microsoft Teams application with Blazor controls on GitHub](https://github.com/SyncfusionExamples/Building-Apps-for-Microsoft-Teams-with-Blazor-using-Syncfusion-Components) diff --git a/blazor/getting-started/razor-class-library.md b/blazor/getting-started/razor-class-library.md index a4d212e4ed..40c7667a5d 100644 --- a/blazor/getting-started/razor-class-library.md +++ b/blazor/getting-started/razor-class-library.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with Razor Class Library in Visual Studio | Syncfusion -description: Check out the documentation for Creating Razor Class Library (RCL) using Syncfusion Blazor components. +title: Getting Started with Razor Class Library in VS | Syncfusion® +description: Check out the documentation for Creating Razor Class Library (RCL) using Blazor components and much more details. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Creating Razor Class Library (RCL) using Syncfusion® Blazor components -This guide explains how to create a Razor Class Library (RCL) that includes Syncfusion® Blazor components using [Visual Studio](https://visualstudio.microsoft.com/vs/) and [Visual Studio Code](https://code.visualstudio.com/). +This guide explains how to create a Razor Class Library (RCL) that includes Blazor components using [Visual Studio](https://visualstudio.microsoft.com/vs/) and [Visual Studio Code](https://code.visualstudio.com/). {% tabcontents %} @@ -37,7 +37,7 @@ This guide explains how to create a Razor Class Library (RCL) that includes Sync ![select framework](images/VS2022/blazor-select-template-rcl.webp) -## Install Syncfusion® Blazor Grid and Themes NuGet in the App +## Install Blazor Grid and Themes NuGet in the App To add the **Blazor DataGrid** component to the library, open NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then install [Syncfusion.Blazor.Grid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, use the following Package Manager commands. @@ -50,11 +50,11 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }} {% endhighlight %} {% endtabs %} -N> Syncfusion Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. -## Importing Syncfusion Blazor component in Razor Class Library +## Importing Blazor component in Razor Class Library -Import and add the Syncfusion Blazor components in the `~/Component1.razor` file. For example, the Blazor DataGrid component is imported and added in the **~/Component1.razor** page. +Import and add the Blazor components in the `~/Component1.razor` file. For example, the Blazor DataGrid component is imported and added in the **~/Component1.razor** page. {% tabs %} {% highlight razor %} @@ -95,7 +95,7 @@ This Blazor component is defined in the RazorClassLibrary packa ## Create a Blazor project in Visual Studio -* Create a **Blazor Web App** or **Blazor Server App** or **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 [Syncfusion Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). +* Create a **Blazor Web App** or **Blazor Server App** or **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 [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). {% endtabcontent %} @@ -120,9 +120,9 @@ cd RazorUIClassLib {% endtabs %} -## Install Syncfusion Blazor Grid and Themes NuGet in the App +## Install Blazor Grid and Themes NuGet in the App -If using the `WebAssembly` or `Auto` render modes in a Blazor Web App, install Syncfusion Blazor component NuGet packages in the client project. +If using the `WebAssembly` or `Auto` render modes in a Blazor Web App, install Blazor component NuGet packages in the client project. * Press Ctrl+` to open the integrated terminal in Visual Studio Code. * Ensure you’re in the project root directory where your `.csproj` file is located. @@ -140,11 +140,11 @@ dotnet restore {% endtabs %} -N> Syncfusion® Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. +N> Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. -## Importing Syncfusion Blazor component in Razor Class Library +## Importing Blazor component in Razor Class Library -Import and add the Syncfusion Blazor components in the `~/Component1.razor` file. For example, the Blazor DataGrid component is imported and added in the **~/Component1.razor** page. +Import and add the Blazor components in the `~/Component1.razor` file. For example, the Blazor DataGrid component is imported and added in the **~/Component1.razor** page. {% tabs %} {% highlight razor %} @@ -185,7 +185,7 @@ This Blazor component is defined in the RazorClassLibrary packa ## Create a Blazor project in Visual Studio Code -Create a **Blazor Web App** or **Blazor Server App** or **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 [Syncfusion Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). +Create a **Blazor Web App** or **Blazor Server App** or **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 [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). {% endtabcontent %} @@ -217,9 +217,9 @@ Create a **Blazor Web App** or **Blazor Server App** or **Blazor WebAssembly App @using RazorClassLibrary ``` -2. Register the Syncfusion Blazor Service in the **~/Program.cs** file of the Blazor App. +2. Register the Blazor Service in the **~/Program.cs** file of the Blazor App. - * If you select an **Interactive render mode** as `WebAssembly` or `Auto`, need to register the Syncfusion Blazor service in both **~/Program.cs** files of the Blazor Web App. + * If you select an **Interactive render mode** as `WebAssembly` or `Auto`, need to register the Blazor service in both **~/Program.cs** files of the Blazor Web App. ```cshtml @@ -259,6 +259,6 @@ Create a **Blazor Web App** or **Blazor Server App** or **Blazor WebAssembly App ``` -5. Run the application, The Syncfusion® Blazor Grid component will be rendered in the default web browser. +5. Run the application, The Blazor Grid component will be rendered in the default web browser. ![RCL output](images/blazor-grid-with-rcl.webp) \ No newline at end of file diff --git a/blazor/getting-started/winforms-blazor-app.md b/blazor/getting-started/winforms-blazor-app.md index 5e98bfaeda..ef6bfaffee 100644 --- a/blazor/getting-started/winforms-blazor-app.md +++ b/blazor/getting-started/winforms-blazor-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with WinForms Blazor App in Visual Studio | Syncfusion -description: Check out the documentation for getting started with WinForms Blazor App and Syncfusion Blazor Components in Visual Studio and explore here to more details. +title: Getting Started with WinForms Blazor App in VS | Syncfusion® +description: Check out the documentation for getting started with WinForms Blazor App and Blazor Components in Visual Studio and explore here to more details. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with WinForms Blazor Application -This section explains how to create and run a WinForms Blazor App (.NET WinForms Blazor) that integrates Syncfusion® Blazor components. +This section explains how to create and run a WinForms Blazor App (.NET WinForms Blazor) that integrates Blazor components. ## What is WinForms Blazor App? @@ -26,7 +26,7 @@ Visual Studio provides the **WinForms Application** template to create WinForms To create a **WinForms Blazor App** using Visual Studio, follow the comprehensive steps in the [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/windows-forms?view=aspnetcore-8.0) documentation. Ensuring and understanding each step in the official guide establishes the foundation required to continue with this documentation. -## Install Syncfusion® Blazor Grid and Themes NuGet in the App +## Install Blazor Grid and Themes NuGet in the App To add the **Blazor DataGrid** component in the app, open the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then search and install [Syncfusion.Blazor.Grid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, run the following commands in the Package Manager Console to achieve the same. @@ -43,7 +43,7 @@ N> Ensure that the package [Microsoft.AspNetCore.Components.WebView.WindowsForms ![Winforms Blazor App NuGet package reference](images/winforms/winforms-blazor-package-reference.webp) -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. ## Add Import Namespaces @@ -58,9 +58,9 @@ Open the `~/_Imports.razor` file and import the `Syncfusion.Blazor` and `Syncfus {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor Service +## Register Blazor Service -Register the Syncfusion® Blazor service in the `Form1.cs` file of the WinForms Blazor App. +Register the Blazor service in the `Form1.cs` file of the WinForms Blazor App. {% tabs %} {% highlight C# tabtitle="~/Form1.cs" hl_lines="1 3" %} @@ -91,9 +91,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, see [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 component +## Add Blazor component -Add a Syncfusion Blazor component to any Razor file in the Blazor project. The example below adds the Blazor Grid component into `~/Counter.razor` file. +Add a Blazor component to any Razor file in the Blazor project. The example below adds the Blazor Grid component into `~/Counter.razor` file. {% tabs %} {% highlight razor %} @@ -128,4 +128,4 @@ Add a Syncfusion Blazor component to any Razor file in the Blazor project. The e In the Visual Studio toolbar, click the start button to build and run the app. -![WinForms Blazor App with Syncfusion Blazor Components](images/winforms/winforms-blazor-datagrid.webp) \ No newline at end of file +![WinForms Blazor App with Blazor Components](images/winforms/winforms-blazor-datagrid.webp) \ No newline at end of file diff --git a/blazor/getting-started/wpf-blazor-app.md b/blazor/getting-started/wpf-blazor-app.md index bd74a72857..1024ddbbfe 100644 --- a/blazor/getting-started/wpf-blazor-app.md +++ b/blazor/getting-started/wpf-blazor-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting Started with WPF Blazor App in Visual Studio | Syncfusion -description: Check out the documentation for getting started with WPF Blazor App and Syncfusion Blazor Components in Visual Studio and much more. +title: Getting Started with WPF Blazor App in Visual Studio | Syncfusion® +description: Check out the documentation for getting started with WPF Blazor App and Blazor Components in Visual Studio and much more. platform: Blazor component: Common documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with WPF Blazor Application -This section describes how to create and run a WPF Blazor application (.NET WPF Blazor) that integrates Syncfusion® Blazor components. +This section describes how to create and run a WPF Blazor application (.NET WPF Blazor) that integrates Blazor components. To get started quickly with a WPF Blazor app, watch the following video. @@ -31,7 +31,7 @@ Visual Studio provides the **WPF Application** template to create WPF Blazor App To create a **WPF Blazor App** using Visual Studio, follow the comprehensive steps in the [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/wpf?view=aspnetcore-8.0) documentation. Ensuring and understanding each step in the official guide establishes the foundation required to continue with this documentation. -## Install Syncfusion® Blazor Grid and Themes NuGet in the App +## Install Blazor Grid and Themes NuGet in the App To add the **Blazor DataGrid** component in the app, open the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then search and install [Syncfusion.Blazor.Grid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes). Alternatively, run the following commands in the Package Manager Console to achieve the same. @@ -48,7 +48,7 @@ N> Ensure the package [Microsoft.AspNetCore.Components.WebView.Wpf](https://www. ![WPF Blazor App NuGet package reference](images/wpf/wpf-blazor-package-reference.webp) -N> Syncfusion® Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. +N> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. ## Add Import Namespaces @@ -63,9 +63,9 @@ Open the `~/_Imports.razor` file and import the `Syncfusion.Blazor` and `Syncfus {% endhighlight %} {% endtabs %} -## Register Syncfusion Blazor Service +## Register Blazor Service -Register the Syncfusion Blazor service in the `MainWindow.xaml.cs` file of the WPF Blazor App. +Register the Blazor service in the `MainWindow.xaml.cs` file of the WPF Blazor App. {% tabs %} {% highlight C# tabtitle="~/MainWindow.xaml.cs" hl_lines="1 3" %} @@ -96,9 +96,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, see [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 component +## Add Blazor component -Add a Syncfusion Blazor component to any Razor file in the Blazor project. The example below adds the Blazor Grid component into `~/Counter.razor` file. +Add a Blazor component to any Razor file in the Blazor project. The example below adds the Blazor Grid component into `~/Counter.razor` file. {% tabs %} {% highlight razor %} @@ -135,6 +135,6 @@ In the Visual Studio toolbar, click the Start button (or press F5) to ![Build and run WPF Blazor App](images/wpf/start-button.webp) -![WPF Blazor App with Syncfusion Blazor Components](images/wpf/wpf-blazor-datagrid.webp) +![WPF Blazor App with Blazor Components](images/wpf/wpf-blazor-datagrid.webp) N> View Sample in [GitHub](https://github.com/SyncfusionExamples/blazor-general-cross-platform-wpf)