Merge branch '983366-card' of https://github.com/syncfusion-content/blazor-docs into 983366-card

Author: praveensf4999

blazor-toc.html

@@ -4840,6 +4840,7 @@
 			<li> <a href="/blazor/treegrid/exporting">Export to PDF</a></li>
 			<li> <a href="/blazor/treegrid/print">Print</a></li>
 			<li> <a href="/blazor/treegrid/adaptive-layout">Adaptive Layout</a></li>
+			<li> <a href="/blazor/treegrid/auto-fill-like-excel">AutoFillt</a></li>
 			<li> <a href="/blazor/treegrid/state-management">State Management</a></li>
 			<li> <a href="/blazor/treegrid/clipboard">Clipboard</a></li>
 			<li> <a href="/blazor/treegrid/accessibility">Accessibility</a></li>

blazor/3D-chart/print-export.md

@@ -58,7 +58,6 @@ The rendered 3D chart can be printed directly from the browser by calling the pu
 }
 
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rtrotaWGVNdkipal?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ![Printing in Blazor 3D Chart](images/getting-started/blazor-chart-printing.png)
 
@@ -111,6 +110,5 @@ The rendered 3D chart can be exported to `JPEG`, `PNG`, `SVG`, or `PDF` format u
 }
 
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLItkMwhXdAfBmY?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ![Exporting in Blazor 3D Chart](images/getting-started/blazor-chart-exporting.png)

blazor/bullet-chart/actual-bar.md

@@ -33,7 +33,7 @@ To display the primary data or the current value of the data being measured know
     };
 }
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BNhUsrippKxnwhYp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVyXuBzBauPiECo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ![Actual Bar in Blazor Bullet Chart](images/blazor-bullet-chart-actual-bar.png)
 
@@ -55,7 +55,7 @@ The shape of the actual bar can be customized using the [Type](https://help.sync
 
 N> Refer to the [code block](#actual-bar-in-blazor-bullet-chart-component) to know more about the property value of the **BulletChartData**.
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BNhUsrippKxnwhYp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rZVSZuLfKNDhZQsy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ![Blazor Bullet Chart with Dot Actual Bar](images/blazor-bullet-chart-dot-actual-bar.png)
 
@@ -82,6 +82,6 @@ The following properties will be used to customize the actual bar.
 
 N> Refer to the [code block](#actual-bar-in-blazor-bullet-chart-component) to know more about the property value of the **BulletChartData**.
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BNhUsrippKxnwhYp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/LZVIDEVTKZNwIDPb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ![Customizing Actual Bar in Blazor Bullet Chart](images/blazor-bullet-chart-actual-bar-customization.png)

blazor/circular-gauge/how-to/place-gauge-inside-other-components.md

@@ -583,6 +583,5 @@ When you expand the Accordion component, the Circular Gauge component is not not
 }
 
 ```
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rNVAsVBGASDkmDes?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ![Blazor Circular Gauge inside Accordion component](../images/blazor-circulargauge-with-accordion.png)

blazor/treegrid/accessibility.md

@@ -1,17 +1,17 @@
 ---
 layout: post
 title: Accessibility in Blazor TreeGrid Component | Syncfusion
-description: Checkout and learn here all about accessibility in Syncfusion Blazor TreeGrid component and much more.
+description: Learn how the Syncfusion Blazor TreeGrid component complies with accessibility standards, including keyboard navigation and ARIA support.
 platform: Blazor
-control: Tree Grid
+control: TreeGrid
 documentation: ug
 ---
 
-# Accessibility in Blazor TreeGrid Component
+# Accessibility in Syncfusion Blazor TreeGrid Component
 
-The Blazor Tree Grid component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
+The Blazor TreeGrid component adheres to widely recognized accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles). These standards are commonly used to evaluate accessibility compliance.
 
-The accessibility compliance for the Blazor Tree Grid component is outlined below.
+The accessibility compliance for the Blazor TreeGrid component is outlined below.
 
 | Accessibility Criteria | Compatibility |
 | -- | -- |
@@ -38,23 +38,23 @@ The accessibility compliance for the Blazor Tree Grid component is outlined belo
 
 ## WAI-ARIA
 
-The Blazor Tree Grid component followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/) patterns to meet the accessibility. The following ARIA attributes are used in the Blazor Tree Grid component:
+The Blazor TreeGrid component follows [WAI-ARIA]([https://www.w3.orgpg/patterns/treegrid/](https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/)) patterns to ensure accessibility. The following ARIA attributes are used:
 
-| Attributes | Purpose |
-| --- | --- |
-| `role=treegrid` | Used to convey a significant and contextual message to the user. |
-| `aria-selected` | Accurately reflect the selection state, whether it's single-select or multi-select. |
-| `aria-expanded` | It can be used to show whether a node is expanded or collapsed, making it easier for screen reader users to navigate and understand the hierarchy. |
-| `aria-sort` | Indicate the current sorting order of a table column for users with disabilities, facilitating accessible data presentation and interaction. |
-| `aria-busy` |  Loading state to improve accessibility for users, particularly those relying on screen readers. |
-| `aria-invalid` | To indicate whether the user's input in a form field is valid or invalid, aiding users, including those with disabilities, in understanding and correcting their input. |
-| `aria-grabbed` | Provides accessibility information for users interacting with draggable elements |
-| `aria-owns` | Establishing relationships between an element and the elements it owns or controls. |
-| `aria-label` | Provides an accessible name for the close icon. |
+| Attribute | Purpose |
+|----------|---------|
+| `role=treegrid` | Conveys a contextual message to the user. |
+| `aria-selected` | Reflects the selection state (single or multi-select). |
+| `aria-expanded` | Indicates whether a node is expanded or collapsed. |
+| `aria-sort` | Shows the current sorting order of a column. |
+| `aria-busy` | Indicates loading state for screen reader users. |
+| `aria-invalid` | Highlights invalid input in form fields. |
+| `aria-grabbed` | Provides accessibility for draggable elements. |
+| `aria-owns` | Establishes relationships between elements. |
+| `aria-label` | Provides an accessible name for icons or controls. |
 
-## Keyboard interaction
+## Keyboard Interaction
 
-The Blazor Tree Grid component followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Blazor Tree Grid component.
+The Blazor TreeGrid component supports [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/) guidelines, enabling efficient navigation for users relying on assistive technologies (AT) or keyboard-only input. The following keyboard shortcuts are supported by the Blazor TreeGrid component.
 
 | Windows | Mac | Description |
 | ----- | ----- | ---- |
@@ -91,13 +91,13 @@ The Blazor Tree Grid component followed the [keyboard interaction](https://www.w
 |<kbd>Ctrl + DownArrow</kbd> | <kbd>⌘</kbd> + <kbd>↓</kbd> | Expands all the visible groups.|
 |<kbd>Alt + UpArrow</kbd> | <kbd>⌥</kbd> + <kbd>↑</kbd> | Collapses the selected group.|
 |<kbd>Ctrl + UpArrow</kbd> | <kbd>⌘</kbd> + <kbd>↑</kbd> | Collapses all the visible groups.|
-|<kbd>Ctrl + P</kbd> | <kbd>⌘</kbd> + <kbd>P</kbd> | Prints the Tree Grid.|
+|<kbd>Ctrl + P</kbd> | <kbd>⌘</kbd> + <kbd>P</kbd> | Prints the TreeGrid.|
 
-## Ensuring accessibility
+## Ensuring Accessibility
 
-The Blazor Tree Grid component's accessibility levels are ensured through an [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with playwright tests.
+Accessibility levels in the Blazor TreeGrid component are validated using [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with Playwright tests. The accessibility compliance can be evaluated using the following sample:
 
-The accessibility compliance of the Blazor Tree Grid component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/treegrid) in a new window to evaluate the accessibility of the Blazor Tree Grid component with accessibility tools.
+Open the [sample](https://syncfusion.com/accessibility/treegrid) in a new window to test accessibility features.
 
 {% previewsample "https://blazor.syncfusion.com/accessibility/treegrid" %}
 

blazor/treegrid/adaptive-layout.md

@@ -1,19 +1,19 @@
 ---
 layout: post
 title: Adaptive Layout in Blazor TreeGrid Component | Syncfusion
-description: The Blazor TreeGrid will render the adaptive UI filter, sort, and edit dialogs in full screen for a better user experience.
+description: The Blazor TreeGrid renders adaptive UI filter, sort, and edit dialogs in full screen for improved user experience.
 platform: Blazor
-control: Tree Grid
+control: TreeGrid
 documentation: ug
 ---
 
-# Adaptive UI Layout in Blazor Tree Grid Component
+# Adaptive UI Layout in Syncfusion Blazor TreeGrid Component
 
-The Tree Grid user interface (UI) was redesigned to provide an optimal viewing experience and improve usability on small screens. This interface will render the filter, sort, and edit dialogs adaptively and have an option to render the Tree Grid row elements in the vertical direction.
+The TreeGrid user interface (UI) is designed to provide an optimal viewing experience and enhance usability on small screens. It renders filter, sort, and edit dialogs adaptively and includes an option to display TreeGrid row elements in a vertical layout.
 
-## Render adaptive dialog
+## Render Adaptive Dialog
 
-To render adaptive dialog UI in the Tree Grid, set the [EnableAdaptiveUI](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EnableAdaptiveUI) property to true. The Tree Grid will render the filter, sort, and edit dialogs in full screen for a better user experience.
+To enable adaptive dialog UI in the TreeGrid, set the [EnableAdaptiveUI](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EnableAdaptiveUI) property to `true`.renders the filter, sort, and edit dialogs in full screen for improved accessibility and interaction.
 
 ```csharp
 
@@ -56,4 +56,4 @@ To render adaptive dialog UI in the Tree Grid, set the [EnableAdaptiveUI](https:
 
 ```
 
-![Blazor Tree Grid with Adaptive UI](./images/blazor-treegrid-adaptive.gif)
+![Blazor TreeGrid with Adaptive UI](./images/blazor-treegrid-adaptive.gif)

blazor/treegrid/aggregate.md

@@ -1,39 +1,38 @@
 ---
 layout: post
 title: Aggregate in Blazor TreeGrid Component | Syncfusion
-description: Checkout and learn here all about aggregate in Syncfusion Blazor TreeGrid component and much more details.
+description: Learn how to use aggregate functionality in the Syncfusion Blazor TreeGrid component, including sum, average, min, max, and custom aggregates.
 platform: Blazor
-control: Tree Grid
+control: TreeGrid
 documentation: ug
 ---
 
-# Aggregate in Blazor TreeGrid Component
+# Aggregate in Syncfusion Blazor TreeGrid Component
 
-To know about Aggregate in Blazor tree grid Component, you can check this video.
+To learn about aggregate functionality in the Blazor TreeGrid component, refer to this video:
 
 {% youtube
 "youtube:https://www.youtube.com/watch?v=h-yS0PTLaXk"%}
 
-Aggregate values are displayed in the Tree Grid footer and in parent row footer for child row aggregate values. It can be configured through [TreeGridAggregateColumn](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html) property. The [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Field) and [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Type) are the minimum properties required to represent an aggregate column.
+Aggregate values are displayed in the TreeGrid footer and in parent row footers for child row aggregate values. This can be configured using the [TreeGridAggregateColumn](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html) property. The [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Field) and [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Type) are the minimum required properties to define an aggregate column.
 
-By default, the aggregate value can be displayed in the Tree Grid footer, and footer of child rows. To show the aggregate value in one of the cells, use the [FooterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_FooterTemplate).
+To display aggregate values in a specific cell, use the [FooterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_FooterTemplate).
 
-## Built-in aggregate types
+## Built-in Aggregate Types
 
-The aggregate type should be specified in the [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Type) property to configure an aggregate column.
+Specify the aggregate type using the [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Type) property. Supported types include:
 
-The built-in aggregates are,
-* Sum
-* Average
-* Min
-* Max
-* Count
-* Truecount
-* Falsecount
+- Sum  
+- Average  
+- Min  
+- Max  
+- Count  
+- TrueCount  
+- FalseCount  
 
-## Footer aggregate
+## Footer Aggregate
 
-Footer aggregate value is calculated for all the rows, and it is displayed in the footer cells. Use the [FooterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_FooterTemplate) to render the aggregate value in footer cells.
+Footer aggregate values are calculated across all rows and displayed in the footer cells. Use the [FooterTemplate](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_FooterTemplate) to render these values.
 
 {% tabs %}
 
@@ -131,9 +130,9 @@ namespace TreeGridComponent.Data {
 
 N> The aggregate values must be accessed inside the template using their corresponding `AggregateType`.
 
-## How to format aggregate value
+## How to Format Aggregate Value
 
-The aggregate value result can be formatted by using the [Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Format) property.
+Aggregate results can be formatted using the [Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridAggregateColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridAggregateColumn_Format) property.
 
 {% tabs %}
 
@@ -229,4 +228,4 @@ To calculate the aggregate value with your own aggregate functions, use the cust
 
 ## Limitations
 
-* By default, Footer Aggregate or total aggregate will be shown only for the current page records and not for the dataSource. To aggregate for all page records, set adaptor in **SfDataManager**.
+* By default, Footer Aggregates are calculated only for the current page records. To aggregate across all pages, configure the adaptor in **SfDataManager**.