Skip to content

Commit 5005f1a

Browse files
Merge branch 'development' into 982290-part2-preview
2 parents fa47246 + 7bfb635 commit 5005f1a

File tree

125 files changed

+1132
-882
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

125 files changed

+1132
-882
lines changed

blazor/accumulation-chart/data-label.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -382,3 +382,4 @@ N> Refer to the [Blazor Charts](https://www.syncfusion.com/blazor-components/bla
382382

383383
* [Tooltip](./tool-tip)
384384
* [Legend](./legend)
385+
* [Dynamically Switch Themes](https://support.syncfusion.com/kb/article/21357/how-to-dynamically-switch-themes-in-a-blazor-accumulation-chart)

blazor/chart/category-axis.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -198,3 +198,4 @@ N> Refer to our [Blazor Charts](https://www.syncfusion.com/blazor-components/bla
198198
* [Data Label](./data-labels)
199199
* [Tooltip](./tool-tip)
200200
* [Marker](./data-markers)
201+
* [Sort Series Points on Category Axis](https://support.syncfusion.com/kb/article/21383/how-to-sort-series-points-on-category-axis-in-blazor-chart-component)

blazor/chart/legend.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -668,3 +668,4 @@ N> Refer to our [Blazor Charts](https://www.syncfusion.com/blazor-components/bla
668668

669669
* [Data label](./data-labels)
670670
* [Marker](./data-markers)
671+
* [Toggle Series Visibility Using Legend](https://support.syncfusion.com/kb/article/20966/how-to-toggle-series-visibility-using-legend-in-live-blazor-chart)

blazor/chart/zooming.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -556,3 +556,4 @@ N> Refer to our [Blazor Charts](https://www.syncfusion.com/blazor-components/bla
556556
* [Data label](./data-labels)
557557
* [Legend](./legend)
558558
* [Marker](./data-markers)
559+
* [Reset Zoom in Secondary Axes](https://support.syncfusion.com/kb/article/21322/how-to-reset-zoom-in-blazor-chart-with-secondary-axes)

blazor/dropdown-tree/accessibility.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,9 @@ documentation: ug
99

1010
# Accessibility in Blazor Dropdown Tree Component
1111

12-
The [Blazor Dropdown Tree](https://www.syncfusion.com/blazor-components/blazor-dropdowntree) component has been designed, keeping in mind the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/) specifications, and applied the WAI-ARIA roles, states, and properties along with `keyboard support`. This component is characterized by complete keyboard interaction support and ARIA accessibility support that makes it easy for people who use assistive technologies (AT) or those who completely rely on keyboard navigation.
12+
The [Blazor Dropdown Tree](https://www.syncfusion.com/blazor-components/blazor-dropdowntree) component is designed with a strong commitment to accessibility, adhering to the [WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications)](https://www.w3.org/WAI/ARIA/apg/patterns/) specifications. It automatically applies appropriate WAI-ARIA roles, states, and properties, alongside comprehensive keyboard support, to ensure seamless navigation and interaction for users relying on assistive technologies (AT) or keyboard-only navigation.
1313

14-
The Blazor Dropdown Tree 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.
14+
The component follows established accessibility guidelines and standards, including the [ADA (Americans with Disabilities Act)](https://www.ada.gov/), [Section 508](https://www.section508.gov/), and [WCAG 2.2 (Web Content Accessibility Guidelines)](https://www.w3.org/TR/WCAG22/) standards. It also incorporates [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used in evaluating accessibility features.
1515

1616
The accessibility compliance for the Blazor Dropdown Tree component is outlined below.
1717

@@ -51,9 +51,9 @@ The Blazor Dropdown Tree component followed the [WAI-ARIA](https://www.w3.org/WA
5151
| `aria-disabled` | Indicates whether the Dropdown Tree component is in a disabled state or not. |
5252
| `aria-controls` | This attribute contains the ID of the popup list to indicate this element is controlled by the popup list element |
5353

54-
## Keyboard interaction
54+
## Keyboard Interaction
5555

56-
You can use the following key shortcuts to access the Dropdown Tree without interruptions:
56+
The Blazor Dropdown Tree component offers comprehensive keyboard support, allowing users to navigate and interact with the component without a mouse. The following key shortcuts are available:
5757

5858
| Windows | Mac | Actions |
5959
| --- | --- | --- |
@@ -64,23 +64,23 @@ You can use the following key shortcuts to access the Dropdown Tree without inte
6464
| <kbd>Shift</kbd> + <kbd>Tab</kbd> | <kbd>⇧</kbd> + <kbd>Tab</kbd> | Focuses on the previous TabIndex element on the page when the popup is closed. Otherwise, closes the popup list and remains the focus of the component. |
6565
|**Popup Navigation**| | |
6666
| <kbd>Esc(Escape)</kbd> | <kbd>Esc</kbd> | Closes the popup when it is in an open state. |
67-
| <kbd>↑</kbd> | <kbd>↑</kbd> | Goes to the previous item in the popup. |
68-
| <kbd>↓</kbd> | <kbd>↓</kbd> | Goes to the next item in the popup. |
67+
| <kbd>↑</kbd> | <kbd>↑</kbd> | Navigates to the previous item in the popup. |
68+
| <kbd>↓</kbd> | <kbd>↓</kbd> | Navigates to the next item in the popup. |
6969
| <kbd>→</kbd> | <kbd>→</kbd> | Expands the current item. |
7070
| <kbd>←</kbd> | <kbd>←</kbd> | Collapses the current item in the popup. |
71-
| <kbd>Home</kbd> | <kbd>Home</kbd> | Goes to the first item in the popup. |
72-
| <kbd>End</kbd> | <kbd>End</kbd> | Goes to the last item in the popup. |
71+
| <kbd>Home</kbd> | <kbd>Home</kbd> | Navigates to the first item in the popup. |
72+
| <kbd>End</kbd> | <kbd>End</kbd> | Navigates to the last item in the popup. |
7373
| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Selects the focused item in the popup. |
7474
| <kbd>Space</kbd> | <kbd>Space</kbd> | Checks the current item in the popup. |
7575
|**Over All Checkbox**| | |
7676
| <kbd>Space</kbd> | <kbd>Space</kbd> | Checks all the items in popup |
7777

78-
## Ensuring accessibility
78+
## Ensuring Accessibility
7979

80-
The Blazor Dropdown Tree component's accessibility levels are ensured through an [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) software tool during automated testing.
80+
The accessibility levels of the Blazor Dropdown Tree component are continuously validated through automated testing using the [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) software tool.
8181

82-
The accessibility compliance of the Dropdown Tree component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/dropdowntree) in a new window to evaluate the accessibility of the Dropdown Tree component with accessibility tools.
82+
A sample demonstrating the accessibility compliance of the Dropdown Tree component is available. Open the [sample](https://blazor.syncfusion.com/accessibility/dropdowntree) in a new window to evaluate its accessibility using various tools.
8383

84-
## See also
84+
## See Also
8585

8686
* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility)

blazor/dropdown-tree/checkbox.md

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11
---
22
layout: post
3-
title: Checkbox in Blazor Dropdown Tree Component | Syncfusion
3+
title: Checkbox Functionality in Blazor Dropdown Tree Component | Syncfusion
44
description: Checkout and learn here all about Checkbox in Syncfusion Blazor Dropdown Tree component and much more.
55
platform: Blazor
66
control: Dropdown Tree
77
documentation: ug
88
---
99

10-
# Checkbox in Blazor Dropdown Tree Component
10+
# Checkbox Functionality in Blazor Dropdown Tree Component
1111

12-
The Dropdown Tree component allows you to check more than one item from the tree without affecting the UI’s appearance by enabling the [ShowCheckBox](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_ShowCheckBox) property. When this property is enabled, checkbox appears before each item text in the popup.
12+
The Dropdown Tree component allows users to select multiple items from the tree structure using checkboxes. This functionality is enabled via the [`ShowCheckBox`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_ShowCheckBox) property. When `ShowCheckBox` is set to `true`, a checkbox appears before each item's text within the popup.
1313

1414
## Auto Check
1515

16-
By default, the checkbox state of the parent and child items in the Dropdown Tree will not be dependent over each other. If you need dependent checked state, then enable the [AutoUpdateCheckState](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_AutoUpdateCheckState) property.
16+
By default, the checkbox state of parent and child items in the Dropdown Tree `TreeView` is independent. To establish a dependent relationship, enable the [`AutoUpdateCheckState`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_AutoUpdateCheckState) property.
1717

18-
* If one or more child items are not in the checked state, then the parent item will be in the intermediate state.
18+
When `AutoUpdateCheckState` is enabled:
1919

20-
* If all the child items are checked, then the parent item will also be in the checked state.
21-
22-
* If a parent item is checked, then all the child items will also be changed to the checked state.
20+
* If one or more child items are unchecked, the parent item will display an intermediate (partially checked) state.
21+
* If all child items are checked, the parent item will also transition to the checked state.
22+
* Checking a parent item will automatically check all its child items.
2323

2424
In the following example, the [AutoUpdateCheckState](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_AutoUpdateCheckState) property is enabled.
2525

@@ -56,16 +56,18 @@ In the following example, the [AutoUpdateCheckState](https://help.syncfusion.com
5656
}
5757
}
5858
```
59+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjLIXahnAAXFBirf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dropdown Tree Component](./images/auto-check.png)" %}
5960

6061
## Select/Unselect All
6162

62-
The Dropdown Tree component has built-in support to select all the tree items using the checkbox in the header.
63+
The Dropdown Tree component offers built-in support to select or unselect all tree items using a single checkbox in the header.
6364

64-
When the [ShowSelectAll](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_ShowSelectAll) property is set to true, a checkbox will be displayed in the popup header that allows you to select or unselect all the tree items in the popup.
65+
Setting the [ShowSelectAll](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_ShowSelectAll) property to `true` displays a "Select All" checkbox in the popup header. This checkbox allows users to toggle the checked state of all visible tree items.
6566

66-
Also we can select all the tree items programmatically using the [SelectAllAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_SelectAllAsync_System_Boolean_) method.
67+
Additionally, programmatic control over the "Select All" functionality is available:
6768

68-
We can unselect all the tree items programmatically using the [SelectAllAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_SelectAllAsync_System_Boolean_) method by passing the parameter as false.
69+
* Use the [`SelectAllAsync()`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_SelectAllAsync_System_Boolean_) method without parameters (or with `true`) to programmatically check all tree items.
70+
* Use the `SelectAllAsync(false)` method to programmatically uncheck all tree items.
6971

7072
In the following example, the [ShowSelectAll](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_ShowSelectAll) property is enabled and [SelectAllAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_SelectAllAsync_System_Boolean_) method is used.
7173

@@ -121,5 +123,5 @@ In the following example, the [ShowSelectAll](https://help.syncfusion.com/cr/bla
121123
}
122124
}
123125
```
124-
126+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXVojOhdgKqrVnUA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
125127
![MultiSelection in Blazor Dropdown Tree.](./images/blazor-dropdowntree-component-selectall.PNG)

0 commit comments

Comments
 (0)