diff --git a/blazor/heatmap-chart/accessibility.md b/blazor/heatmap-chart/accessibility.md index 25df9038d5..6935245a9b 100644 --- a/blazor/heatmap-chart/accessibility.md +++ b/blazor/heatmap-chart/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor HeatMap chart component | Syncfusion -description: Checkout and learn here all about Accessibility in Syncfusion Blazor HeatMap chart component and much more. +title: Accessibility in Blazor HeatMap chart component | Syncfusion® +description: Checkout and learn here all about Accessibility in Blazor HeatMap chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/appearance.md b/blazor/heatmap-chart/appearance.md index 5965b94e5f..cbfdbf6505 100644 --- a/blazor/heatmap-chart/appearance.md +++ b/blazor/heatmap-chart/appearance.md @@ -1,7 +1,7 @@ --- layout: post -title: Appearance in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Appearance in Syncfusion Blazor HeatMap Chart component and much more. +title: Appearance in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all about Appearance in Blazor HeatMap Chart component and and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/axis.md b/blazor/heatmap-chart/axis.md index 49606392fb..43fc13202f 100644 --- a/blazor/heatmap-chart/axis.md +++ b/blazor/heatmap-chart/axis.md @@ -1,7 +1,7 @@ --- layout: post -title: Axis in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Axis in Syncfusion Blazor HeatMap Chart component and much more details. +title: Axis in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all the features about the Axis in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/bubble-heatmap.md b/blazor/heatmap-chart/bubble-heatmap.md index 74c237f052..07a290d42b 100644 --- a/blazor/heatmap-chart/bubble-heatmap.md +++ b/blazor/heatmap-chart/bubble-heatmap.md @@ -1,7 +1,7 @@ --- layout: post -title: Bubble HeatMap in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Bubble HeatMap in Syncfusion Blazor HeatMap Chart component and more. +title: Bubble HeatMap in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all about Bubble HeatMap in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/content-security-policy.md b/blazor/heatmap-chart/content-security-policy.md index cf312eff2d..4702f857c9 100644 --- a/blazor/heatmap-chart/content-security-policy.md +++ b/blazor/heatmap-chart/content-security-policy.md @@ -1,7 +1,7 @@ --- layout: post -title: Heatmap - Strict CSP Feature Limitations - Syncfusion -description: Details on features in Syncfusion Blazor Heatmap Chart that require Content Security Policy (CSP) relaxation +title: Heatmap - Strict CSP Feature Limitations | Syncfusion® +description: Details on features in Blazor Heatmap Chart that require Content Security Policy (CSP) relaxation and much more details. platform: Blazor control: Heatmap documentation: ug @@ -84,4 +84,4 @@ Include `'unsafe-inline'` if you want users to select cells for drill-down or da ## See also -* [Content security policy in Syncfusion® Blazor components](https://blazor.syncfusion.com/documentation/common/content-security-policy) +* [Content security policy in Blazor components](https://blazor.syncfusion.com/documentation/common/content-security-policy) diff --git a/blazor/heatmap-chart/dimensions.md b/blazor/heatmap-chart/dimensions.md index 21c5bd2442..cd5fd38503 100644 --- a/blazor/heatmap-chart/dimensions.md +++ b/blazor/heatmap-chart/dimensions.md @@ -1,7 +1,7 @@ --- layout: post -title: Dimensions in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Dimensions in Syncfusion Blazor HeatMap Chart component and much more. +title: Dimensions in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all about Dimensions in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/events.md b/blazor/heatmap-chart/events.md index 01789c7155..9946acfe4f 100644 --- a/blazor/heatmap-chart/events.md +++ b/blazor/heatmap-chart/events.md @@ -1,7 +1,7 @@ --- layout: post -title: Events in Blazor HeatMap Component | Syncfusion -description: Checkout and learn here all about events in Syncfusion Blazor HeatMap component and much more details. +title: Events in Blazor HeatMap Component | Syncfusion® +description: Checkout and learn here all about the features and events in Blazor HeatMap component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/getting-started-with-server-app.md b/blazor/heatmap-chart/getting-started-with-server-app.md index 2e9426fea5..a1bdada9fa 100644 --- a/blazor/heatmap-chart/getting-started-with-server-app.md +++ b/blazor/heatmap-chart/getting-started-with-server-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor HeatMapChart in Server App | Syncfusion +title: Getting Started with Blazor HeatMapChart in Server App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor HeatMap Chart Component in Blazor Server App. platform: Blazor component: HeatMap Chart @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor HeatMap Chart Component in Server App -This section briefly explains about how to include [Syncfusion® Blazor HeatMap Chart](https://www.syncfusion.com/blazor-components/blazor-heatmap-chart) 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 HeatMap Chart](https://www.syncfusion.com/blazor-components/blazor-heatmap-chart) component in a Blazor Server App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. +Create a **Blazor Server App** by using the **Blazor Web App** template in Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Server App** by using the **Blazor Web App** template in Visua ## Create a new Blazor App in Visual Studio Code -Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. +Create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Server App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio?tabcontent=visual-studio-code) documentation. Alternatively, create a Server application by using the following command in the integrated terminal (Ctrl+`). @@ -83,7 +83,7 @@ cd BlazorApp N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Server App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.HeatMap](https://www.nuget.org/packages/Syncfusion.Blazor.HeatMap/) 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 HeatMap Chart component +## Add Blazor HeatMap Chart component -Add the Syncfusion® Blazor HeatMap Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. +Add the Blazor HeatMap Chart component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. @@ -190,7 +190,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 HeatMap Chart component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor HeatMap Chart component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/LDBTDWBuJXfSXofp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor HeatMap Chart](images/blazor-heatmap-chart.webp)" %} @@ -198,5 +198,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/heatmap-chart/getting-started-with-web-app.md b/blazor/heatmap-chart/getting-started-with-web-app.md index 8667e6065e..252e7cc2f0 100644 --- a/blazor/heatmap-chart/getting-started-with-web-app.md +++ b/blazor/heatmap-chart/getting-started-with-web-app.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Syncfusion Blazor HeatMap Chart in Web App +title: Getting Started with Blazor HeatMap Chart in Web App | Syncfusion® description: Checkout and learn about the documentation for getting started with Blazor HeatMap Chart Component in Blazor Web App. platform: Blazor component: HeatMap Chart @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor HeatMap Chart Component in Web App -This section briefly explains about how to include [Syncfusion® Blazor HeatMap Chart](https://www.syncfusion.com/blazor-components/blazor-heatmap-chart) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor HeatMap Chart](https://www.syncfusion.com/blazor-components/blazor-heatmap-chart) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% 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 BlazorApp.Client N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install the [Syncfusion.Blazor.HeatMap](https://www.nuget.org/packages/Syncfusion.Blazor.HeatMap) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages using one of the following methods. @@ -124,9 +124,9 @@ After the packages are installed, open the **~/_Imports.razor** file in the clie {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion® Blazor Service in the **Program.cs** file of your Blazor Web App. +Register the Blazor Service in the **Program.cs** file of your Blazor Web App. {% tabs %} {% highlight c# tabtitle="Program.cs" %} @@ -140,7 +140,7 @@ builder.Services.AddSyncfusionBlazor(); {% endhighlight %} {% endtabs %} -N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. +N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. ## Add stylesheet and script resources @@ -156,7 +156,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Syncfusion® Blazor HeatMap Chart component +## Add Blazor HeatMap Chart component * Open a Razor file located in the **~/Components/Pages** (for example, **Home.razor**) and add the Blazor HeatMap Chart component inside the razor file. * If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the razor file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). @@ -218,5 +218,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) \ No newline at end of file +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) \ No newline at end of file diff --git a/blazor/heatmap-chart/getting-started.md b/blazor/heatmap-chart/getting-started.md index e365336e8d..1a69002f83 100644 --- a/blazor/heatmap-chart/getting-started.md +++ b/blazor/heatmap-chart/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor HeatMap Chart Component | Syncfusion +title: Getting Started with Blazor HeatMap Chart Component | Syncfusion® description: Checkout and learn about getting started with Blazor HeatMap Chart component in Blazor WebAssembly Application. platform: Blazor control: HeatMap Chart @@ -21,11 +21,11 @@ This section briefly explains about how to include [Blazor HeatMap Chart](https: ## Create a new Blazor App in Visual Studio -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. +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. ![Blazor WASM Create Project Template](images/blazor-wasm-app-template.webp) -## Install Syncfusion® Blazor HeatMap and Themes NuGet in the App +## Install Blazor HeatMap and Themes NuGet in the App To add the **Blazor HeatMap Chart** 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.HeatMap](https://www.nuget.org/packages/Syncfusion.Blazor.HeatMap) 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. @@ -38,7 +38,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 packages 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 packages list with component details. {% endtabcontent %} @@ -50,7 +50,7 @@ N> Syncfusion® Blazor components are availa ## 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+`). @@ -65,7 +65,7 @@ cd BlazorApp {% endtabs %} -## Install Syncfusion® Blazor HeatMap and Themes NuGet in the App +## Install Blazor HeatMap and Themes NuGet in the App * Press Ctrl+` to open the integrated terminal in Visual Studio Code. * Ensure in the project root directory where the `.csproj` file is located. @@ -83,7 +83,7 @@ dotnet restore {% 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 packages 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 packages list with component details. {% endtabcontent %} @@ -114,7 +114,7 @@ cd BlazorApp {% endhighlight %} {% endtabs %} -## Install Syncfusion® Blazor HeatMap and Themes NuGet in the App +## Install Blazor HeatMap and Themes NuGet in the App To add the Blazor HeatMap Chart component to the application, run the following commands in a command prompt (Windows), command shell (Linux), or terminal (macOS) to install the [Syncfusion.Blazor.HeatMap](https://www.nuget.org/packages/Syncfusion.Blazor.HeatMap/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages. See [Install and manage packages using the dotnet CLI](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli) for more details. @@ -128,7 +128,7 @@ dotnet restore {% 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 packages 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 packages list with component details. {% endtabcontent %} @@ -147,9 +147,9 @@ Open the **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncf {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor Service +## Register Blazor Service -Register the Syncfusion® Blazor Service in the **~/Program.cs** file of the Blazor WebAssembly App. +Register the Blazor Service in the **~/Program.cs** file of the Blazor WebAssembly App. {% tabs %} {% highlight C# tabtitle="~/Program.cs" hl_lines="3 11" %} @@ -187,7 +187,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app ## Add Blazor HeatMap component -Add the Syncfusion® Blazor HeatMap Chart component in the **~/Pages/Index.razor** file. +Add the Blazor HeatMap Chart component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor %} @@ -221,7 +221,7 @@ Add the Syncfusion® Blazor HeatMap Chart co {% endhighlight %} {% endtabs %} -*Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor HeatMap Chart component in the default web browser. +*Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor HeatMap Chart component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/LDBTDWBuJXfSXofp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor HeatMap Chart](images/blazor-heatmap-chart.webp)" %} @@ -229,10 +229,10 @@ 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](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) +[Getting Started with Blazor for Client-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -[Getting Started with Syncfusion® Blazor for Client-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) +[Getting Started with Blazor for Client-Side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio) -[Getting Started with Syncfusion® Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) +[Getting Started with Blazor for Server-Side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) N> You can also explore our [Blazor HeatMap Chart example](https://blazor.syncfusion.com/demos/heatmap-chart/default-functionalities?theme=bootstrap5) that shows you how to render and configure the heatmap chart. diff --git a/blazor/heatmap-chart/legend.md b/blazor/heatmap-chart/legend.md index a90132e051..3d822a82ec 100644 --- a/blazor/heatmap-chart/legend.md +++ b/blazor/heatmap-chart/legend.md @@ -1,7 +1,7 @@ --- layout: post -title: Legend in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Legend in Syncfusion Blazor HeatMap Chart component and much more. +title: Legend in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all the features about Legend in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug @@ -307,7 +307,7 @@ Paging is available only for the list type legend in the heat map, and it can be ``` -![Heatmap Sample](images/legend/paging.gif) +![Heatmap Sample](images/legend/paging.webp) ## Smart legend @@ -432,4 +432,4 @@ In the HeatMap, the legend selection is used to toggle the visibility of cell fo ``` -![Heatmap Sample](images/legend/Toggle.png) --> \ No newline at end of file +![Heatmap Sample](images/legend/Toggle.webp) --> \ No newline at end of file diff --git a/blazor/heatmap-chart/palette.md b/blazor/heatmap-chart/palette.md index 7aa72605ae..368f6e172c 100644 --- a/blazor/heatmap-chart/palette.md +++ b/blazor/heatmap-chart/palette.md @@ -1,7 +1,7 @@ --- layout: post -title: Palette in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Palette in Syncfusion Blazor HeatMap Chart component and much more. +title: Palette in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all the features about Palette in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/selection.md b/blazor/heatmap-chart/selection.md index 55c8ba6c68..411267c404 100644 --- a/blazor/heatmap-chart/selection.md +++ b/blazor/heatmap-chart/selection.md @@ -1,7 +1,7 @@ --- layout: post -title: Selection in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about selection in Syncfusion Blazor HeatMap Chart component and much more. +title: Selection in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all about selection in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/tooltip.md b/blazor/heatmap-chart/tooltip.md index e901062e26..25f9e2ca8f 100644 --- a/blazor/heatmap-chart/tooltip.md +++ b/blazor/heatmap-chart/tooltip.md @@ -1,7 +1,7 @@ --- layout: post -title: Tooltip in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Tooltip in Syncfusion Blazor HeatMap Chart component and much more. +title: Tooltip in Blazor HeatMap Chart Component | Syncfusion® +description: Checkout and learn here all the features about Tooltip in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug diff --git a/blazor/heatmap-chart/working-with-data.md b/blazor/heatmap-chart/working-with-data.md index 05c9139da3..d5e12e7b21 100644 --- a/blazor/heatmap-chart/working-with-data.md +++ b/blazor/heatmap-chart/working-with-data.md @@ -1,7 +1,7 @@ --- layout: post -title: Working with data in Blazor HeatMap Chart Component | Syncfusion -description: Checkout and learn here all about Working with data in Syncfusion Blazor HeatMap Chart component and more. +title: Working with data in Blazor HeatMap Chart | Syncfusion® +description: Checkout and learn here all about Working with data in Blazor HeatMap Chart component and much more details. platform: Blazor control: HeatMap Chart documentation: ug