From 592055b1583bb303992d17cd7550d113548973d3 Mon Sep 17 00:00:00 2001
From: kathiravan4982 <kathiravan.rajesh@syncfusion.com>
Date: Fri, 21 Aug 2026 13:05:17 +0530
Subject: [PATCH] 856803: Fixed the issues in the Blazor ListBox Sorting and
 Grouping, and Style and Appearance UG.

---
 blazor/listbox/sorting-grouping.md     | 4 ++--
 blazor/listbox/style-and-appearance.md | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/blazor/listbox/sorting-grouping.md b/blazor/listbox/sorting-grouping.md
index 0644e9a52a..d9107bde98 100644
--- a/blazor/listbox/sorting-grouping.md
+++ b/blazor/listbox/sorting-grouping.md
@@ -19,7 +19,7 @@ In the following example, `SortOrder` is set to `Descending`.
 @using Syncfusion.Blazor.DropDowns
 
 <SfListBox TValue="string[]" DataSource="@CountryData" SortOrder="Syncfusion.Blazor.DropDowns.SortOrder.Descending" TItem="CountryCode">
-  <ListBoxFieldSettings Text="Name" Value="Code" />
+    <ListBoxFieldSettings Text="Name" Value="Code" />
 </SfListBox>
 
 @code {
@@ -58,7 +58,7 @@ Watch the video below for a quick introduction to grouping in the Blazor ListBox
 @using Syncfusion.Blazor.DropDowns
 
 <SfListBox TValue="string[]" DataSource="@VegetableData" TItem="VegetableDetail">
-  <ListBoxFieldSettings GroupBy = "Category" Text="Vegetable" Value="Id" />
+    <ListBoxFieldSettings GroupBy="Category" Text="Vegetable" Value="Id" />
 </SfListBox>
 
 @code {
diff --git a/blazor/listbox/style-and-appearance.md b/blazor/listbox/style-and-appearance.md
index 36cd8f4b4d..ee1858184a 100644
--- a/blazor/listbox/style-and-appearance.md
+++ b/blazor/listbox/style-and-appearance.md
@@ -28,6 +28,8 @@ Use the [CssClass](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DropD
 {% tabs %}
 {% highlight razor %}
 
+@using Syncfusion.Blazor.DropDowns
+
 <div id="listbox-control">
     <h6>Select your favorite car:</h6>
     <SfListBox Value=@Value CssClass="e-horizontal-listbox" DataSource="@Data" TValue="string[]" TItem="DataValues"></SfListBox>