DOCINFRA-2341_merged_using_automation

blazor/3D-chart/getting-started.md

@@ -201,6 +201,8 @@ Now, map the data fields  `Month` and `Sales` to the series `XName` and `YName`
 {% tabs %}
 {% highlight razor tabtitle="Home.razor" %}
 
+@using Syncfusion.Blazor.Chart3D
+
 <SfChart3D>
     <Chart3DPrimaryXAxis ValueType="Syncfusion.Blazor.Chart3D.ValueType.Category"></Chart3DPrimaryXAxis>
     <Chart3DSeriesCollection>

blazor/Release-Notes/33.2.5.md

@@ -0,0 +1,96 @@
+---
+title: Essential Studio for Blazor Release Notes - v33.2.5
+description: Learn here about the controls in the Essential Studio for Blazor Weekly Release - Release Notes - v33.2.5
+platform: blazor
+documentation: ug
+---
+
+# Essential Studio for Blazor - v33.2.5 Release Notes 
+
+{% include release-info.html date="May 05, 2026"  version="v33.2.5" passed="94733" failed="0" %}
+
+{% directory path: _includes/release-notes/v33.2.5 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| 3DChart | 257 | 257 | 0 | All Passed |
+| Accordion | 232 | 232 | 0 | All Passed |
+| AiAssistView | 463 | 463 | 0 | All Passed |
+| Appbar | 103 | 103 | 0 | All Passed |
+| Autocomplete | 484 | 484 | 0 | All Passed |
+| BarcodeGenerator | 440 | 440 | 0 | All Passed |
+| Breadcrumb | 137 | 137 | 0 | All Passed |
+| Bulletchart | 241 | 241 | 0 | All Passed |
+| Button | 255 | 255 | 0 | All Passed |
+| Calendar | 146 | 146 | 0 | All Passed |
+| Carousel | 177 | 177 | 0 | All Passed |
+| Charts | 6534 | 6534 | 0 | All Passed |
+| ChartWizard | 317 | 317 | 0 | All Passed |
+| ChatUI | 242 | 242 | 0 | All Passed |
+| Chips | 214 | 214 | 0 | All Passed |
+| CircularGauge | 1015 | 1015 | 0 | All Passed |
+| ColorPicker | 114 | 114 | 0 | All Passed |
+| ComboBox | 620 | 620 | 0 | All Passed |
+| DashboardLayout | 261 | 261 | 0 | All Passed |
+| DataForm | 547 | 547 | 0 | All Passed |
+| DataGrid | 10367 | 10367 | 0 | All Passed |
+| DatePicker | 580 | 580 | 0 | All Passed |
+| DateRangePicker | 368 | 368 | 0 | All Passed |
+| DateTimePicker | 475 | 475 | 0 | All Passed |
+| Diagram | 16994 | 16994 | 0 | All Passed |
+| Dialog | 487 | 487 | 0 | All Passed |
+| DropdownList | 917 | 917 | 0 | All Passed |
+| Dropdowntree | 176 | 176 | 0 | All Passed |
+| FileManager | 3109 | 3109 | 0 | All Passed |
+| FileUpload | 725 | 725 | 0 | All Passed |
+| FloatingActionButton | 128 | 128 | 0 | All Passed |
+| Gantt | 8534 | 8534 | 0 | All Passed |
+| HeatMap | 419 | 419 | 0 | All Passed |
+| ImageEditor | 3610 | 3610 | 0 | All Passed |
+| InPlaceEditor | 768 | 768 | 0 | All Passed |
+| InputMask | 172 | 172 | 0 | All Passed |
+| Kanban | 529 | 529 | 0 | All Passed |
+| LinearGauge | 801 | 801 | 0 | All Passed |
+| ListBox | 138 | 138 | 0 | All Passed |
+| ListView | 442 | 442 | 0 | All Passed |
+| Maps | 1612 | 1612 | 0 | All Passed |
+| Mention | 154 | 154 | 0 | All Passed |
+| Menu | 398 | 398 | 0 | All Passed |
+| Message | 211 | 211 | 0 | All Passed |
+| MultiselectDropdown | 903 | 903 | 0 | All Passed |
+| NumericTextbox | 466 | 466 | 0 | All Passed |
+| OtpInput | 123 | 123 | 0 | All Passed |
+| PivotTable | 1525 | 1525 | 0 | All Passed |
+| ProgressBar | 199 | 199 | 0 | All Passed |
+| progressbutton | 101 | 101 | 0 | All Passed |
+| QueryBuilder | 585 | 585 | 0 | All Passed |
+| RangeNavigator | 220 | 220 | 0 | All Passed |
+| Rating | 106 | 106 | 0 | All Passed |
+| Ribbon | 548 | 548 | 0 | All Passed |
+| RichTextEditor | 2972 | 2972 | 0 | All Passed |
+| Scheduler | 6741 | 6741 | 0 | All Passed |
+| Sidebar | 150 | 150 | 0 | All Passed |
+| Slider | 273 | 273 | 0 | All Passed |
+| SmithChart | 260 | 260 | 0 | All Passed |
+| Sparkline | 229 | 229 | 0 | All Passed |
+| SpeedDial | 353 | 353 | 0 | All Passed |
+| Splitter | 190 | 190 | 0 | All Passed |
+| Stepper | 218 | 218 | 0 | All Passed |
+| StockChart | 360 | 360 | 0 | All Passed |
+| Tabs | 1084 | 1084 | 0 | All Passed |
+| TextArea | 126 | 126 | 0 | All Passed |
+| Textbox | 684 | 684 | 0 | All Passed |
+| Timeline | 182 | 182 | 0 | All Passed |
+| TimePicker | 420 | 420 | 0 | All Passed |
+| Toast | 234 | 234 | 0 | All Passed |
+| Toolbar | 235 | 235 | 0 | All Passed |
+| Tooltip | 107 | 107 | 0 | All Passed |
+| TreeGrid | 8085 | 8085 | 0 | All Passed |
+| TreeMap | 775 | 775 | 0 | All Passed |
+| TreeView | 1366 | 1366 | 0 | All Passed |

blazor/accordion/animations.md

@@ -91,4 +91,4 @@ The following example demonstrates various animation types that can be applied t
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/LDhqWBsqAJzMiZJi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customize Accordion expand or collapse animation behavior](./images/blazor-accordion-animation.gif)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/LDhqWBsqAJzMiZJi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customize Accordion expand or collapse animation behavior](./images/blazor-accordion-animation.webp)" %}

blazor/accordion/data-binding.md

@@ -74,4 +74,4 @@ The following example demonstrates how to initialize accordion items using `temp
 ```
 
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VtVUMrigKgalNSWq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Data Binding](./images/blazor-accordion-data-binding.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VtVUMrigKgalNSWq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Data Binding](./images/blazor-accordion-data-binding.webp)" %}

blazor/accordion/expand-mode.md

@@ -31,7 +31,7 @@ The property enables to expand only one Accordion item at a time. If you expand
 </SfAccordion>
 
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VtLUWhiqKztxpXDo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Single Expand Mode](./images/blazor-accordion-single-expand-mode.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VtLUWhiqKztxpXDo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Single Expand Mode](./images/blazor-accordion-single-expand-mode.webp)" %}
 
 ## Multiple
 
@@ -54,7 +54,7 @@ The default [ExpandMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor
 }
 
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rXVgsVsqApsKInXs?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Multiple Expand Mode](./images/blazor-accordion-multiple-expand-mode.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rXVgsVsqApsKInXs?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Multiple Expand Mode](./images/blazor-accordion-multiple-expand-mode.webp)" %}
 
 ## Expanding the items
 
@@ -121,4 +121,4 @@ By default, accordion items were in collapsed state on initial load. To expand a
 }
 
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhUWVCKqpKMrZBu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Expanding Items](./images/blazor-accordion-expand-items.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhUWVCKqpKMrZBu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Expanding Items](./images/blazor-accordion-expand-items.webp)" %}

blazor/accordion/how-to/add-icon-to-accordion-header.md

@@ -195,4 +195,4 @@ You can add custom icons to the Accordion header by using the [IconCss](https://
 </style>
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLKihigqyvhnutf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Header Icon](../images/blazor-accordion-header-icon.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLKihigqyvhnutf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Header Icon](../images/blazor-accordion-header-icon.webp)" %}

blazor/accordion/how-to/add-nested-accordion.md

@@ -60,4 +60,4 @@ The Accordion component supports to render the nested level of Accordion by usin
 </SfAccordion>
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VDrUWLWUAyOkHSnV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Nested Item](../images/blazor-accordion-with-nested-item.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VDrUWLWUAyOkHSnV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Nested Item](../images/blazor-accordion-with-nested-item.webp)" %}

blazor/accordion/how-to/add-remove-accordion-items.md

@@ -85,4 +85,4 @@ In the following example, the Accordion initially contains three accordion items
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLUWBMqqTnOpwoL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Adding or Removing items in Blazor Accordion](../images/blazor-accordion-add-remove-item.gif)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLUWBMqqTnOpwoL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Adding or Removing items in Blazor Accordion](../images/blazor-accordion-add-remove-item.webp)" %}

blazor/accordion/how-to/enable-disable-accordion-item.md

@@ -37,4 +37,4 @@ In the following example, the first accordion item is enabled or disabled dynami
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgiLiUUImofYGa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Enabling or Disabling Item in Blazor Accordion](../images/blazor-accordion-enable-disable-item.gif)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgiLiUUImofYGa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Enabling or Disabling Item in Blazor Accordion](../images/blazor-accordion-enable-disable-item.webp)" %}

blazor/accordion/how-to/integrate-treeview-inside-the-accordion.md

@@ -181,4 +181,4 @@ The following example shows how to render a TreeView within the Accordion.
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/LthqWrMKgwYXnecX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Treeview Integration in Blazor Accordion](../images/blazor-accordion-treeview-integration.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/LthqWrMKgwYXnecX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Treeview Integration in Blazor Accordion](../images/blazor-accordion-treeview-integration.webp)" %}

blazor/accordion/how-to/prevent-expand-collapse-accordion-item.md

@@ -117,4 +117,4 @@ The following code example demonstrates how to prevent expand and collapse actio
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VthAChWqgyaWwIZu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Expanding or Collapsing Item in Blazor Accordion](../images/blazor-accordion-prevent-expand-collapse.gif)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VthAChWqgyaWwIZu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Expanding or Collapsing Item in Blazor Accordion](../images/blazor-accordion-prevent-expand-collapse.webp)" %}

blazor/accordion/how-to/show-hide-accordion-item.md

@@ -138,4 +138,4 @@ In the following example, the specified accordion item will toggle between showi
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBqMBMAATlJlwpr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Hiding or showing items in Blazor Accordion](../images/blazor-accordion-show-hide-item.gif)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBqMBMAATlJlwpr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Hiding or showing items in Blazor Accordion](../images/blazor-accordion-show-hide-item.webp)" %}

blazor/accordion/style.md

@@ -23,7 +23,7 @@ Use the following CSS to customize the [Accordion](https://help.syncfusion.com/c
 
 ```
 
-![Accordion border](./images/blazor-accordion-border-style.png)
+![Accordion border](./images/blazor-accordion-border-style.webp)
 
 ## Customizing the accordion items
 
@@ -38,7 +38,7 @@ Use the following CSS to customize the items of Accordion.
 
 ```
 
-![Accordion item style customization](./images/blazor-accordion-item-styles.png)
+![Accordion item style customization](./images/blazor-accordion-item-styles.webp)
 
 ## Customizing accordion item header content
 
@@ -53,7 +53,7 @@ Use the following CSS to customize the header content of Accordion control.
 
 ```
 
-![Accordion item header content style customization](./images/blazor-accordion-header-content-style.png)
+![Accordion item header content style customization](./images/blazor-accordion-header-content-style.webp)
 
 ## Customizing accordion expand and collapse icons
 
@@ -67,7 +67,7 @@ The following CSS can be viewed to customize the expand and collapse icons of th
 
 ```
 
-![Accordion toggle icon style customization](./images/blazor-accordion-expand-collapse-icon-style.png)
+![Accordion toggle icon style customization](./images/blazor-accordion-expand-collapse-icon-style.webp)
 
 ## Customizing the hover state of accordion
 
@@ -96,7 +96,7 @@ Use the following CSS to customize the selected accordion item and focus state.
 
 ```
 
-![Accordion selected item header customization](./images/blazor-accordion-selected-item-style.png)
+![Accordion selected item header customization](./images/blazor-accordion-selected-item-style.webp)
 
 Use the following CSS to customize the selected accordion item text.
 
@@ -110,7 +110,7 @@ Use the following CSS to customize the selected accordion item text.
 
 ```
 
-![Accordion selected item header text customization](./images/blazor-accordion-selected-item-text-style.png)
+![Accordion selected item header text customization](./images/blazor-accordion-selected-item-text-style.webp)
 
 ## Customize each accordion item header
 
@@ -144,4 +144,4 @@ You can customize each accordion item header by setting [AccordionItem.CssClass]
 </style>
 
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rZBqWBsAATytYBFq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Accordion Item Header Appearance Customization](./images/blazor-accordion-item-cssclass-style.png)" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rZBqWBsAATytYBFq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Accordion Item Header Appearance Customization](./images/blazor-accordion-item-cssclass-style.webp)" %}

blazor/accumulation-chart/getting-started-with-server-app.md

@@ -161,6 +161,8 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati
 {% tabs %}
 {% highlight razor tabtitle="Home.razor" %}
 
+@using Syncfusion.Blazor.Charts
+
 <SfAccumulationChart>
     <AccumulationChartSeriesCollection>
         <AccumulationChartSeries DataSource="@MedalDetails" XName="Country" YName="Medals">
@@ -204,6 +206,8 @@ Using the [Title](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts
 {% tabs %}
 {% highlight razor tabtitle="Home.razor" %}
 
+@using Syncfusion.Blazor.Charts
+
 <SfAccumulationChart Title="Olympic Medal Details">
     <AccumulationChartSeriesCollection>
         <AccumulationChartSeries DataSource="@MedalDetails" XName="Country" YName="Medals">

blazor/accumulation-chart/getting-started-with-web-app.md

@@ -169,6 +169,8 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem
 {% tabs %}
 {% highlight razor tabtitle="Home.razor" %}
 
+@using Syncfusion.Blazor.Charts
+
 <SfAccumulationChart>
     <AccumulationChartSeriesCollection>
         <AccumulationChartSeries DataSource="@MedalDetails" XName="Country" YName="Medals">
@@ -212,6 +214,8 @@ Using the [Title](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts
 {% tabs %}
 {% highlight razor tabtitle="Home.razor" %}
 
+@using Syncfusion.Blazor.Charts
+
 <SfAccumulationChart Title="Olympic Medal Details">
     <AccumulationChartSeriesCollection>
         <AccumulationChartSeries DataSource="@MedalDetails" XName="Country" YName="Medals">
@@ -248,7 +252,7 @@ Using the [Title](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts
 The data labels are added to improve the readability of the accumulation chart. This can be achieved by setting the [Visible](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.AccumulationDataLabelSettings.html#Syncfusion_Blazor_Charts_AccumulationDataLabelSettings_Visible) property to `true` in the [AccumulationDataLabelSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.AccumulationDataLabelSettings.html).
 
 {% tabs %}
-{% highlight razor %}
+{% highlight razor tabtitle="Home.razor" %}
 
 <SfAccumulationChart Title="Olympic Medal Details">
     <AccumulationChartSeriesCollection>

blazor/ai-assistview/getting-started-webapp.md

@@ -167,6 +167,8 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem
 {% tabs %}
 {% highlight razor tabtitle="Home.razor" %}
 
+@using Syncfusion.Blazor.InteractiveChat
+
 <div class="aiassist-container" style="height: 350px; width: 650px;">
     <SfAIAssistView></SfAIAssistView>
 </div>
@@ -187,6 +189,8 @@ You can use the [PromptSuggestions](https://help.syncfusion.com/cr/blazor/Syncfu
 {% tabs %}
 {% highlight razor tabtitle="Home.razor" %}
 
+@using Syncfusion.Blazor.InteractiveChat
+
 <div class="aiassist-container" style="height: 350px; width: 650px;">
     <SfAIAssistView PromptSuggestions="@promptSuggestions" PromptRequested="@PromptRequest"></SfAIAssistView>
 </div>