diff --git a/blazor/listview/accessibility.md b/blazor/listview/accessibility.md index 3b914d4fb5..a59ca2045a 100644 --- a/blazor/listview/accessibility.md +++ b/blazor/listview/accessibility.md @@ -1,7 +1,7 @@ --- layout: post -title: Accessibility in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about accessibility in Syncfusion Blazor ListView component and much more. +title: Accessibility in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all the features about accessibility in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug @@ -251,4 +251,4 @@ The accessibility compliance of the ListView component is shown in the following ## See also -* [Accessibility in Syncfusion® Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) \ No newline at end of file +* [Accessibility in Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility) \ No newline at end of file diff --git a/blazor/listview/check-list.md b/blazor/listview/check-list.md index 91f97d8aa4..5fcd60a6c6 100644 --- a/blazor/listview/check-list.md +++ b/blazor/listview/check-list.md @@ -1,7 +1,7 @@ --- layout: post -title: Check list in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about check list in Syncfusion Blazor ListView component and much more details. +title: Check list in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all the features about check list in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/customizing-templates.md b/blazor/listview/customizing-templates.md index 894108af22..4e090c6620 100644 --- a/blazor/listview/customizing-templates.md +++ b/blazor/listview/customizing-templates.md @@ -1,7 +1,7 @@ --- layout: post -title: Customizing Templates in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about customizing templates in Syncfusion Blazor ListView component and more. +title: Customizing Templates in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all about customizing templates in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/data-binding.md b/blazor/listview/data-binding.md index 8db5d92fa4..f2fe2a416f 100644 --- a/blazor/listview/data-binding.md +++ b/blazor/listview/data-binding.md @@ -1,7 +1,7 @@ --- layout: post -title: Data Binding in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about data binding in Syncfusion Blazor ListView component and much more. +title: Data Binding in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all the features about data binding in Blazor ListView component and much more details. platform: Blazor control: ListView documentation: ug diff --git a/blazor/listview/getting-started-webapp.md b/blazor/listview/getting-started-webapp.md index 788861b8f7..6b57780d7b 100644 --- a/blazor/listview/getting-started-webapp.md +++ b/blazor/listview/getting-started-webapp.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion ListView Component in Blazor Web App -description: Check out the documentation for getting started with Syncfusion Blazor ListView Components in Blazor Web App. +title: Getting started with Blazor ListView in Blazor Web App | Syncfusion® +description: Check out the documentation for getting started with Blazor ListView Components in Blazor Web App amd much more details. platform: Blazor control: Listview documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting started with Blazor ListView Component in Blazor Web App -This section briefly explains about how to include [Syncfusion® Blazor ListView](https://www.syncfusion.com/blazor-components/blazor-listview) 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 ListView](https://www.syncfusion.com/blazor-components/blazor-listview) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -21,7 +21,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. +Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation. {% endtabcontent %} @@ -33,7 +33,7 @@ Create a **Blazor Web App** using Visual Studio via [Microsoft Templates](https: ## Create a new Blazor Web App in Visual Studio Code -Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation. For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands in the integrated terminal (Ctrl+`): @@ -85,7 +85,7 @@ cd BlazorWebApp.Client N> Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode). -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Lists](https://www.nuget.org/packages/Syncfusion.Blazor.Lists) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet packages in your project using the NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), or the integrated terminal in Visual Studio Code (`dotnet add package`), or the .NET CLI. @@ -117,9 +117,9 @@ After the packages are installed, open the **~/_Imports.razor** file in the clie {% endhighlight %} {% endtabs %} -## Register Syncfusion® Blazor service +## Register Blazor service -Register the Syncfusion Blazor service in the **Program.cs** file of your Blazor Web App. +Register the Blazor service in the **Program.cs** file of your Blazor Web App. {% tabs %} {% highlight c# tabtitle="Program.cs" %} @@ -133,7 +133,7 @@ builder.Services.AddSyncfusionBlazor(); {% endhighlight %} {% endtabs %} -N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Syncfusion® Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. +N> If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, register the Blazor service in **Program.cs** files of both the server and client projects in your Blazor Web App. ## Add stylesheet and script resources @@ -149,9 +149,9 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. -## Add Syncfusion® Blazor ListView component +## Add Blazor ListView component -Add the Syncfusion Blazor ListView component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). +Add the Blazor ListView component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~/Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. @@ -194,7 +194,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor ListView component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor ListView component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hNLJNiKZCcZdGkXn?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ListView Component](./images/blazor-listview.webp)" %} @@ -202,8 +202,8 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -* [Getting Started with Syncfusion® Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) +* [Getting Started with Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -* [Getting Started with Syncfusion® Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) +* [Getting Started with Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) N> You can also explore our [Blazor ListView example](https://blazor.syncfusion.com/demos/listview/default-functionalities?theme=bootstrap5) that shows you how to render and configure the ListView. \ No newline at end of file diff --git a/blazor/listview/getting-started-with-server-app.md b/blazor/listview/getting-started-with-server-app.md index 4c013e363a..9944b2f51d 100644 --- a/blazor/listview/getting-started-with-server-app.md +++ b/blazor/listview/getting-started-with-server-app.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion Blazor ListView in Server App -description: Check out the documentation for getting started with Syncfusion Blazor ListView Components in Blazor Server App. +title: Getting started with ListView in Blazor Server App | Syncfusion® +description: Check out the documentation for getting started with Blazor ListView Components in Blazor Server App. platform: Blazor control: Listview documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with Blazor ListView Component in Blazor Server App -This section briefly explains about how to include [Syncfusion® Blazor ListView](https://www.syncfusion.com/blazor-components/blazor-listview) 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 ListView](https://www.syncfusion.com/blazor-components/blazor-listview) 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.Lists](https://www.nuget.org/packages/Syncfusion.Blazor.Lists/) 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 ListView component +## Add Blazor ListView component -Add the Syncfusion® Blazor ListView 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 ListView 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. @@ -188,7 +188,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 ListView component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor ListView component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hNLJNiKZCcZdGkXn?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ListView Component](./images/blazor-listview.webp)" %} @@ -196,8 +196,8 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting- ## See also -* [Getting Started with Syncfusion® Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) +* [Getting Started with Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) -* [Getting Started with Syncfusion® Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) +* [Getting Started with Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) N> You can also explore our [Blazor ListView example](https://blazor.syncfusion.com/demos/listview/default-functionalities?theme=bootstrap5) that shows you how to render and configure the ListView. \ No newline at end of file diff --git a/blazor/listview/getting-started.md b/blazor/listview/getting-started.md index c847fce4f8..9d48ca0693 100644 --- a/blazor/listview/getting-started.md +++ b/blazor/listview/getting-started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting Started with Blazor ListView Component | Syncfusion +title: Getting Started with Blazor ListView in Blazor WASM App | Syncfusion® description: Checkout and learn about getting started with Blazor ListView component in Blazor WebAssembly Application. platform: Blazor control: Listview @@ -11,7 +11,7 @@ documentation: ug # Getting Started with Blazor ListView Component -This section briefly explains about how to include [Syncfusion® Blazor ListView](https://www.syncfusion.com/blazor-components/blazor-listview) component in a Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). +This section briefly explains about how to include [Blazor ListView](https://www.syncfusion.com/blazor-components/blazor-listview) component in a Blazor WebAssembly App using [Visual Studio](https://visualstudio.microsoft.com/vs/), [Visual Studio Code](https://code.visualstudio.com/), and the [.NET CLI](https://learn.microsoft.com/en-us/dotnet/core/tools/). {% tabcontents %} @@ -23,7 +23,7 @@ This section briefly explains about how to include [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. +Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app) documentation. {% endtabcontent %} @@ -35,7 +35,7 @@ Create a **Blazor WebAssembly App** using Visual Studio via [Microsoft Templates ## Create a new Blazor App in Visual Studio Code -Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. +Create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to the [Blazor WASM App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app?tabcontent=visual-studio-code) documentation. Alternatively, create a WebAssembly application by using the following command in the integrated terminal (Ctrl+`). @@ -83,7 +83,7 @@ cd BlazorApp {% endtabcontents %} -## Install Syncfusion® Blazor packages +## Install required Blazor packages Install [Syncfusion.Blazor.Lists](https://www.nuget.org/packages/Syncfusion.Blazor.Lists/) 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 WebAssembly App. +Register the Blazor service in the **Program.cs** file of your Blazor WebAssembly 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 the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. -## Add Syncfusion® Blazor ListView component +## Add Blazor ListView component -Add the Syncfusion® Blazor ListView component in the **~/Pages/Index.razor** file. +Add the Blazor ListView component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor tabtitle="Index.razor" %} @@ -177,7 +177,7 @@ Add the Syncfusion® Blazor ListView compone {% endhighlight %} {% endtabs %} -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor ListView component in the default web browser. +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Blazor ListView component in the default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/hNLJNiKZCcZdGkXn?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ListView Component](./images/blazor-listview.webp)" %} @@ -185,10 +185,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 ListView example](https://blazor.syncfusion.com/demos/listview/default-functionalities?theme=bootstrap5) that shows you how to render and configure the ListView. diff --git a/blazor/listview/grouping.md b/blazor/listview/grouping.md index 42b7c9f0d9..6d24ce50da 100644 --- a/blazor/listview/grouping.md +++ b/blazor/listview/grouping.md @@ -1,7 +1,7 @@ --- layout: post -title: Grouping in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about grouping in Syncfusion Blazor ListView component and much more details. +title: Grouping in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all the features about grouping in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/how-to/add-and-remove-list-items-from-listview.md b/blazor/listview/how-to/add-and-remove-list-items-from-listview.md index 116add0236..52137abe2e 100644 --- a/blazor/listview/how-to/add-and-remove-list-items-from-listview.md +++ b/blazor/listview/how-to/add-and-remove-list-items-from-listview.md @@ -1,7 +1,7 @@ --- layout: post -title: Add and remove list items in Blazor ListView Component | Syncfusion -description: Learn here all about adding and removing list items in Syncfusion Blazor ListView component and more. +title: Add and remove list items in Blazor ListView Component | Syncfusion® +description: Learn here all about adding and removing list items in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/how-to/chat-window-user-interface-using-listview.md b/blazor/listview/how-to/chat-window-user-interface-using-listview.md index 17c21e6ec1..b88a48cdaa 100644 --- a/blazor/listview/how-to/chat-window-user-interface-using-listview.md +++ b/blazor/listview/how-to/chat-window-user-interface-using-listview.md @@ -1,7 +1,7 @@ --- layout: post -title: Chat window user interface using Blazor ListView | Syncfusion -description: Learn here all about creating chat window user interface using Syncfusion Blazor ListView component and more. +title: Chat window user interface using Blazor ListView | Syncfusion® +description: Learn here all about creating chat window user interface using Blazor ListView component and much more details. platform: Blazor control: ListView documentation: ug diff --git a/blazor/listview/how-to/create-dual-list-from-listview.md b/blazor/listview/how-to/create-dual-list-from-listview.md index 39f0cff389..9b3ca2a37f 100644 --- a/blazor/listview/how-to/create-dual-list-from-listview.md +++ b/blazor/listview/how-to/create-dual-list-from-listview.md @@ -1,7 +1,7 @@ --- layout: post -title: Create dual list using Blazor ListView Component | Syncfusion -description: Check out and learn here all about creating dual list using Syncfusion Blazor ListView component and much more. +title: Create dual list using Blazor ListView Component | Syncfusion® +description: Check out and learn here all about creating dual list using Blazor ListView component and much more details. platform: Blazor control: ListView documentation: ug diff --git a/blazor/listview/how-to/create-mobile-contact-layout-from-listview.md b/blazor/listview/how-to/create-mobile-contact-layout-from-listview.md index 56d98aa4b8..533b0c0659 100644 --- a/blazor/listview/how-to/create-mobile-contact-layout-from-listview.md +++ b/blazor/listview/how-to/create-mobile-contact-layout-from-listview.md @@ -1,7 +1,7 @@ --- layout: post -title: Create mobile contact layout using Blazor ListView | Syncfusion -description: Checkout and learn here all about creating mobile contact layout using syncfusion blazor listview and much more. +title: Create mobile contact layout using Blazor ListView | Syncfusion® +description: Checkout and learn here all about creating mobile contact layout using blazor listview and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/how-to/customize-listview-as-grid-layout.md b/blazor/listview/how-to/customize-listview-as-grid-layout.md index b1793d8770..3d68e56140 100644 --- a/blazor/listview/how-to/customize-listview-as-grid-layout.md +++ b/blazor/listview/how-to/customize-listview-as-grid-layout.md @@ -1,7 +1,7 @@ --- layout: post -title: Customize Blazor ListView Component to Grid Layout | Syncfusion -description: Learn here all about customizing listview as grid layout in Syncfusion Blazor ListView component and more. +title: Customize Blazor ListView Component to Grid Layout | Syncfusion® +description: Learn here all about customizing listview as grid layout in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/how-to/dynamic-templates-in-listview-based-on-device.md b/blazor/listview/how-to/dynamic-templates-in-listview-based-on-device.md index 353c84410a..1db9f4c0c0 100644 --- a/blazor/listview/how-to/dynamic-templates-in-listview-based-on-device.md +++ b/blazor/listview/how-to/dynamic-templates-in-listview-based-on-device.md @@ -1,7 +1,7 @@ --- layout: post -title: Use dynamic templates in Blazor ListView based on device | Syncfusion -description: Learn here all about using dynamic templates in syncfusion blazor listview based on device and more. +title: Use dynamic templates in Blazor ListView based on device | Syncfusion® +description: Learn here all about using dynamic templates in blazor listview based on device and much more details. platform: Blazor control: Listview documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Use dynamic templates in Blazor ListView based on device -The Syncfusion® Essential Blazor controls are desktop and mobile-friendly. So, you can use Syncfusion® controls in both modes. The component templates are not always fixed. Applications may need to load various templates depending upon the device. +The Essential Blazor components are desktop and mobile-friendly. So, you can use Blazor component in both modes. The component templates are not always fixed. Applications may need to load various templates depending upon the device. ## Integration diff --git a/blazor/listview/how-to/get-selected-items-from-listview.md b/blazor/listview/how-to/get-selected-items-from-listview.md index 1e978b3b1a..8f46c56cf8 100644 --- a/blazor/listview/how-to/get-selected-items-from-listview.md +++ b/blazor/listview/how-to/get-selected-items-from-listview.md @@ -1,19 +1,19 @@ --- layout: post -title: Get selected items from Blazor ListView Component | Syncfusion -description: Learn here all about getting the selected items in Syncfusion Blazor ListView component and much more. +title: Get selected items from Blazor ListView Component | Syncfusion® +description: Learn here all the features about getting the selected items in Blazor ListView component and much more details. platform: Blazor control: ListView documentation: ug --- -# Retrieving Selected Items in Syncfusion® Blazor ListView +# Retrieving Selected Items in Blazor ListView -The Syncfusion® Blazor ListView component allows users to choose multiple items from a list. To retrieve these selected items, you can refer the below implementation in ListView component. This functionality is especially useful for applications that need to process or display data based on user selections. +The Blazor ListView component allows users to choose multiple items from a list. To retrieve these selected items, you can refer the below implementation in ListView component. This functionality is especially useful for applications that need to process or display data based on user selections. ## Get selected items from ListView Component -The ListView component in Syncfusion® Blazor allows to select multiple items. The [`GetCheckedItemsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Lists.SfListView-1.html#Syncfusion_Blazor_Lists_SfListView_1_GetCheckedItemsAsync) method is utilized to retrieve these selected items. Below are the details of this API: +The ListView component in Blazor allows to select multiple items. The [`GetCheckedItemsAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Lists.SfListView-1.html#Syncfusion_Blazor_Lists_SfListView_1_GetCheckedItemsAsync) method is utilized to retrieve these selected items. Below are the details of this API: | Return type | Purpose | |------------|-------------------| diff --git a/blazor/listview/how-to/html-attribute-support.md b/blazor/listview/how-to/html-attribute-support.md index 237211c85c..6395a7e427 100644 --- a/blazor/listview/how-to/html-attribute-support.md +++ b/blazor/listview/how-to/html-attribute-support.md @@ -1,7 +1,7 @@ --- layout: post -title: HTML Attribute Support in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about HTML Attribute Support in Syncfusion Blazor ListView component and more. +title: HTML Attribute Support in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all about HTML Attribute Support in Blazor ListView component and much more details. platform: Blazor control: Button documentation: ug diff --git a/blazor/listview/how-to/listview-with-hyper-link-navigation.md b/blazor/listview/how-to/listview-with-hyper-link-navigation.md index 6dd1e5e65a..b5e0edaee1 100644 --- a/blazor/listview/how-to/listview-with-hyper-link-navigation.md +++ b/blazor/listview/how-to/listview-with-hyper-link-navigation.md @@ -1,7 +1,7 @@ --- layout: post -title: Blazor ListView Component with hyper-link navigation | Syncfusion -description: Checkout and learn here all about Blazor ListView Component with hyper-link navigation and much more. +title: Blazor ListView Component with hyper-link navigation | Syncfusion® +description: Checkout and learn here all about Blazor ListView Component with hyper-link navigation and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/how-to/trace-events-of-listview.md b/blazor/listview/how-to/trace-events-of-listview.md index 51364d2b6d..e44434fd63 100644 --- a/blazor/listview/how-to/trace-events-of-listview.md +++ b/blazor/listview/how-to/trace-events-of-listview.md @@ -1,7 +1,7 @@ --- layout: post -title: Trace events of listview in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about trace events of listview in Syncfusion Blazor ListView component and more. +title: Trace events of listview in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all about trace events of listview in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/nested-list.md b/blazor/listview/nested-list.md index f0409dbcfd..153dc5f31a 100644 --- a/blazor/listview/nested-list.md +++ b/blazor/listview/nested-list.md @@ -1,7 +1,7 @@ --- layout: post -title: Nested list in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about nested list in Syncfusion Blazor ListView component and much more. +title: Nested list in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all the features about nested list in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/style.md b/blazor/listview/style.md index 18606991c4..07d5eb3b51 100644 --- a/blazor/listview/style.md +++ b/blazor/listview/style.md @@ -1,7 +1,7 @@ --- layout: post -title: CSS Structure in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about CSS Structure in Syncfusion Blazor ListView component and much more. +title: CSS Structure in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all the features about CSS Structure in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug diff --git a/blazor/listview/virtualization.md b/blazor/listview/virtualization.md index 1e758be711..edb9f56cb4 100644 --- a/blazor/listview/virtualization.md +++ b/blazor/listview/virtualization.md @@ -1,7 +1,7 @@ --- layout: post -title: Virtualization in Blazor ListView Component | Syncfusion -description: Checkout and learn here all about virtualization in Syncfusion Blazor ListView component and much more. +title: Virtualization in Blazor ListView Component | Syncfusion® +description: Checkout and learn here all the features about virtualization in Blazor ListView component and much more details. platform: Blazor control: Listview documentation: ug @@ -103,7 +103,7 @@ UI virtualization can be enabled in the ListView by setting the [`EnableVirtuali } ``` -![Virtualization in Blazor ListView](./images/list/blazor-listview-virtualization.png) +![Virtualization in Blazor ListView](./images/list/blazor-listview-virtualization.webp) ## Limitations for virtualization