Skip to content

Commit 0955529

Browse files
VigneshNatarajan27VigneshNatarajan27
authored
Merge branch 'development' into 993969-UgDataGrid
2 parents 40e5a22 + b59daee commit 0955529

File tree

321 files changed

+7724
-5386
lines changed

Some content is hidden

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

321 files changed

+7724
-5386
lines changed

‎blazor-toc.html‎

Lines changed: 53 additions & 20 deletions
Large diffs are not rendered by default.

‎blazor/Release-Notes/31.2.12.md‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
---
2+
title: Essential Studio for Blazor Release Notes
3+
description: Learn here about the controls in the Essential Studio for Blazor 2025 Volume 3 SP Release - Release Notes
4+
platform: blazor
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Blazor - v31.2.12 Release Notes
9+
10+
{% include release-info.html date="November 18, 2025" version="v31.2.12" passed="74487" failed="0" %}
11+
12+
{% directory path: _includes/release-notes/v31.2.12 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}
17+
18+
## Test Results
19+
20+
| Component Name | Test Cases | Passed | Failed | Remarks |
21+
|---------------|------------|--------|--------|---------|
22+
| 3DChart | 198 | 198 | 0 | All Passed |
23+
| Accordion | 232 | 232 | 0 | All Passed |
24+
| AiAssistView | 297 | 297 | 0 | All Passed |
25+
| Appbar | 102 | 102 | 0 | All Passed |
26+
| Autocomplete | 444 | 444 | 0 | All Passed |
27+
| BarcodeGenerator | 440 | 440 | 0 | All Passed |
28+
| Breadcrumb | 137 | 137 | 0 | All Passed |
29+
| Bulletchart | 237 | 237 | 0 | All Passed |
30+
| Button | 255 | 255 | 0 | All Passed |
31+
| Calendar | 146 | 146 | 0 | All Passed |
32+
| Carousel | 174 | 174 | 0 | All Passed |
33+
| Charts | 4175 | 4175 | 0 | All Passed |
34+
| ChatUI | 102 | 102 | 0 | All Passed |
35+
| Chips | 196 | 196 | 0 | All Passed |
36+
| CircularGauge | 928 | 928 | 0 | All Passed |
37+
| ColorPicker | 113 | 113 | 0 | All Passed |
38+
| ComboBox | 248 | 248 | 0 | All Passed |
39+
| DashboardLayout | 253 | 253 | 0 | All Passed |
40+
| DataForm | 547 | 547 | 0 | All Passed |
41+
| DataGrid | 5951 | 5951 | 0 | All Passed |
42+
| DatePicker | 576 | 576 | 0 | All Passed |
43+
| DateRangePicker | 366 | 366 | 0 | All Passed |
44+
| DateTimePicker | 474 | 474 | 0 | All Passed |
45+
| Diagram | 15316 | 15316 | 0 | All Passed |
46+
| Dialog | 481 | 481 | 0 | All Passed |
47+
| DropdownList | 584 | 584 | 0 | All Passed |
48+
| Dropdowntree | 164 | 164 | 0 | All Passed |
49+
| FileManager | 3108 | 3108 | 0 | All Passed |
50+
| FileUpload | 330 | 330 | 0 | All Passed |
51+
| FloatingActionButton | 128 | 128 | 0 | All Passed |
52+
| Gantt | 4800 | 4800 | 0 | All Passed |
53+
| HeatMap | 339 | 339 | 0 | All Passed |
54+
| ImageEditor | 3561 | 3561 | 0 | All Passed |
55+
| InPlaceEditor | 764 | 764 | 0 | All Passed |
56+
| InputMask | 168 | 168 | 0 | All Passed |
57+
| Kanban | 380 | 380 | 0 | All Passed |
58+
| LinearGauge | 799 | 799 | 0 | All Passed |
59+
| ListBox | 138 | 138 | 0 | All Passed |
60+
| ListView | 441 | 441 | 0 | All Passed |
61+
| Maps | 1570 | 1570 | 0 | All Passed |
62+
| Mention | 152 | 152 | 0 | All Passed |
63+
| Menu | 398 | 398 | 0 | All Passed |
64+
| Message | 211 | 211 | 0 | All Passed |
65+
| MultiselectDropdown | 386 | 386 | 0 | All Passed |
66+
| NumericTextbox | 442 | 442 | 0 | All Passed |
67+
| OtpInput | 123 | 123 | 0 | All Passed |
68+
| PivotTable | 1378 | 1378 | 0 | All Passed |
69+
| ProgressBar | 199 | 199 | 0 | All Passed |
70+
| progressbutton | 101 | 101 | 0 | All Passed |
71+
| QueryBuilder | 584 | 584 | 0 | All Passed |
72+
| RangeNavigator | 196 | 196 | 0 | All Passed |
73+
| Rating | 106 | 106 | 0 | All Passed |
74+
| Ribbon | 451 | 451 | 0 | All Passed |
75+
| RichTextEditor | 2768 | 2768 | 0 | All Passed |
76+
| Scheduler | 5623 | 5623 | 0 | All Passed |
77+
| Sidebar | 144 | 144 | 0 | All Passed |
78+
| Slider | 271 | 271 | 0 | All Passed |
79+
| SmithChart | 259 | 259 | 0 | All Passed |
80+
| SparklineChart | 150 | 150 | 0 | All Passed |
81+
| SpeedDial | 353 | 353 | 0 | All Passed |
82+
| Splitter | 190 | 190 | 0 | All Passed |
83+
| Stepper | 218 | 218 | 0 | All Passed |
84+
| StockChart | 335 | 335 | 0 | All Passed |
85+
| Tabs | 936 | 936 | 0 | All Passed |
86+
| TextArea | 126 | 126 | 0 | All Passed |
87+
| Textbox | 653 | 653 | 0 | All Passed |
88+
| Timeline | 182 | 182 | 0 | All Passed |
89+
| TimePicker | 419 | 419 | 0 | All Passed |
90+
| Toast | 233 | 233 | 0 | All Passed |
91+
| Toolbar | 230 | 230 | 0 | All Passed |
92+
| TreeGrid | 4943 | 4943 | 0 | All Passed |
93+
| TreeMap | 704 | 704 | 0 | All Passed |
94+
| TreeView | 1361 | 1361 | 0 | All Passed |

‎blazor/chip/events.md‎

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
---
2+
layout: post
3+
title: Events in Blazor Chip Component | Syncfusion
4+
description: Explore events in Syncfusion Blazor Chip component including Created, Deleted, Destroyed, OnBeforeClick, OnClick, OnDelete, and SelectionChanged events.
5+
platform: Blazor
6+
control: Chip
7+
documentation: ug
8+
---
9+
10+
# Events in Blazor Chip Component
11+
12+
This section explains the list of events of the Chip component which will be triggered for appropriate Chip actions.
13+
14+
## Created
15+
16+
The `Created` event triggers when the Chip component rendering is completed.
17+
18+
```cshtml
19+
@using Syncfusion.Blazor.Buttons
20+
21+
<SfChip Selection="SelectionType.Multiple" Created="@OnCreated">
22+
<ChipItems>
23+
<ChipItem Text="Small"></ChipItem>
24+
<ChipItem Text="Medium"></ChipItem>
25+
<ChipItem Text="Large"></ChipItem>
26+
<ChipItem Text="Extra Large"></ChipItem>
27+
</ChipItems>
28+
</SfChip>
29+
30+
@code {
31+
private void OnCreated(object args)
32+
{
33+
// Write your code here
34+
}
35+
}
36+
```
37+
## Deleted
38+
39+
The `Deleted` event triggers when a chip item is deleted.
40+
41+
```cshtml
42+
@using Syncfusion.Blazor.Buttons
43+
44+
<SfChip Selection="SelectionType.Multiple" EnableDelete="true">
45+
<ChipItems>
46+
<ChipItem Text="Small"></ChipItem>
47+
<ChipItem Text="Medium"></ChipItem>
48+
<ChipItem Text="Large"></ChipItem>
49+
<ChipItem Text="Extra Large"></ChipItem>
50+
</ChipItems>
51+
<ChipEvents Deleted="@OnDeleted"></ChipEvents>
52+
</SfChip>
53+
54+
@code {
55+
private void OnDeleted(ChipDeletedEventArgs args)
56+
{
57+
// Write your code here
58+
}
59+
}
60+
```
61+
## Destroyed
62+
63+
The `Destroyed` event triggers when the Chip component is disposed.
64+
65+
```cshtml
66+
@using Syncfusion.Blazor.Buttons
67+
68+
<SfChip Selection="SelectionType.Multiple" Destroyed="@OnDestroyed">
69+
<ChipItems>
70+
<ChipItem Text="Small"></ChipItem>
71+
<ChipItem Text="Medium"></ChipItem>
72+
<ChipItem Text="Large"></ChipItem>
73+
<ChipItem Text="Extra Large"></ChipItem>
74+
</ChipItems>
75+
</SfChip>
76+
77+
@code {
78+
private void OnDestroyed(object args)
79+
{
80+
// Write your code here
81+
}
82+
}
83+
```
84+
## OnBeforeClick
85+
86+
The `OnBeforeClick` event triggers before a chip is clicked.
87+
88+
```cshtml
89+
@using Syncfusion.Blazor.Buttons
90+
91+
<SfChip Selection="SelectionType.Multiple">
92+
<ChipItems>
93+
<ChipItem Text="Small"></ChipItem>
94+
<ChipItem Text="Medium"></ChipItem>
95+
<ChipItem Text="Large"></ChipItem>
96+
<ChipItem Text="Extra Large"></ChipItem>
97+
</ChipItems>
98+
<ChipEvents OnBeforeClick="@OnBeforeChipClick"></ChipEvents>
99+
</SfChip>
100+
101+
@code {
102+
private void OnBeforeChipClick(ChipEventArgs args)
103+
{
104+
// Write your code here
105+
}
106+
}
107+
```
108+
109+
## OnClick
110+
111+
The `OnClick` event triggers when a chip is clicked.
112+
113+
```cshtml
114+
@using Syncfusion.Blazor.Buttons
115+
116+
<SfChip Selection="SelectionType.Multiple">
117+
<ChipItems>
118+
<ChipItem Text="Small"></ChipItem>
119+
<ChipItem Text="Medium"></ChipItem>
120+
<ChipItem Text="Large"></ChipItem>
121+
<ChipItem Text="Extra Large"></ChipItem>
122+
</ChipItems>
123+
<ChipEvents OnClick="@OnChipClick"></ChipEvents>
124+
</SfChip>
125+
126+
@code {
127+
private void OnChipClick(ChipEventArgs args)
128+
{
129+
// Write your code here
130+
}
131+
}
132+
```
133+
## OnDelete
134+
135+
The `OnDelete` event triggers before removing the chip.
136+
137+
```cshtml
138+
@using Syncfusion.Blazor.Buttons
139+
140+
<SfChip Selection="SelectionType.Multiple" EnableDelete="true">
141+
<ChipItems>
142+
<ChipItem Text="Small"></ChipItem>
143+
<ChipItem Text="Medium"></ChipItem>
144+
<ChipItem Text="Large"></ChipItem>
145+
<ChipItem Text="Extra Large"></ChipItem>
146+
</ChipItems>
147+
<ChipEvents OnDelete="@OnChipDelete"></ChipEvents>
148+
</SfChip>
149+
150+
@code {
151+
private void OnChipDelete(ChipEventArgs args)
152+
{
153+
// Write your code here
154+
}
155+
}
156+
```
157+
## SelectionChanged
158+
159+
The `SelectionChanged` event triggers when the selected chips are changed.
160+
161+
```cshtml
162+
@using Syncfusion.Blazor.Buttons
163+
164+
<SfChip Selection="SelectionType.Multiple">
165+
<ChipItems>
166+
<ChipItem Text="Small"></ChipItem>
167+
<ChipItem Text="Medium"></ChipItem>
168+
<ChipItem Text="Large"></ChipItem>
169+
<ChipItem Text="Extra Large"></ChipItem>
170+
</ChipItems>
171+
<ChipEvents SelectionChanged="@OnSelectionChanged"></ChipEvents>
172+
</SfChip>
173+
174+
@code {
175+
private void OnSelectionChanged(SelectionChangedEventArgs args)
176+
{
177+
// Write your code here
178+
}
179+
}
180+
```
181+
182+

‎blazor/color-picker/how-to/customize-color-picker.md‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -76,9 +76,7 @@ By default, the Palette will be rendered with default colors. To load custom col
7676
</style>
7777
7878
```
79-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDrKsLhcASTCtgHM?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
80-
81-
![Blazor ColorPicker with Custom Palette](./../images/blazor-colorpicker-with-custom-palette.png)
79+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDrKsLhcASTCtgHM?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ColorPicker with Custom Palette](./../images/blazor-colorpicker-with-custom-palette.png)" %}
8280

8381
## Hide input area from picker
8482

@@ -92,9 +90,7 @@ In the following sample, the Color Picker is rendered without input area.
9290
<h4>Choose a color</h4>
9391
<SfColorPicker ModeSwitcher="false" CssClass="e-hide-value"></SfColorPicker>
9492
```
95-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXhKMLLwqoJqULKi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
96-
97-
![Hide Input Area in Blazor ColorPicker](./../images/blazor-colorpicker-hide-input.png)
93+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXhKMLLwqoJqULKi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Hide Input Area in Blazor ColorPicker](./../images/blazor-colorpicker-hide-input.png)" %}
9894

9995
## Custom handle
10096

@@ -126,6 +122,4 @@ The following sample shows the customized Color Picker handle.
126122
</style>
127123
128124
```
129-
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjhKWrLGKyTIhQGO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
130-
131-
![Customizing Blazor ColorPicker Handle Shape](./../images/blazor-colorpicker-handle-customization.png)
125+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjhKWrLGKyTIhQGO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor ColorPicker Handle Shape](./../images/blazor-colorpicker-handle-customization.png)" %}

‎blazor/color-picker/how-to/disable-color-picker.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,4 @@ The following example shows the `Disabled` state of Color Picker component.
1919
<h4>Choose a color</h4>
2020
<SfColorPicker Disabled="true"></SfColorPicker>
2121
```
22-
{% previewsample "https://blazorplayground.syncfusion.com/embed/htLKsLrGgeJFrvZn?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
23-
24-
![Disable State in Blazor ColorPicker](./../images/blazor-colorpicker-disable-state.png)
22+
{% previewsample "https://blazorplayground.syncfusion.com/embed/htLKsLrGgeJFrvZn?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Disable State in Blazor ColorPicker](./../images/blazor-colorpicker-disable-state.png)" %}

‎blazor/color-picker/how-to/hide-control-buttons.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,4 @@ Color Picker can be rendered without control buttons (Apply/Cancel). In this cas
1717
<h4>Choose a color</h4>
1818
<SfColorPicker ShowButtons="false"></SfColorPicker>
1919
```
20-
{% previewsample "https://blazorplayground.syncfusion.com/embed/hDhAWLBcqoIBqnae?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
21-
22-
![Hide Control Buttons in Blazor ColorPicker](./../images/blazor-colorpicker-hide-control.png)
20+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hDhAWLBcqoIBqnae?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Hide Control Buttons in Blazor ColorPicker](./../images/blazor-colorpicker-hide-control.png)" %}

‎blazor/color-picker/how-to/no-color-support.md‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,9 +40,7 @@ To achieve this, set [NoColor](https://help.syncfusion.com/cr/blazor/Syncfusion.
4040
</style>
4141
4242
```
43-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDVUsLLGKoIFoxSv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
44-
45-
![Blazor ColorPicker with Default No Color](./../images/blazor-colorpicker-nocolor.png)
43+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDVUsLLGKoIFoxSv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ColorPicker with Default No Color](./../images/blazor-colorpicker-nocolor.png)" %}
4644

4745
>If the [NoColor](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html#Syncfusion_Blazor_Inputs_SfColorPicker_NoColor) property is enabled, make sure to disable the [ModeSwitcher](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html#Syncfusion_Blazor_Inputs_SfColorPicker_ModeSwitcher) property.
4846
@@ -130,6 +128,4 @@ The following sample shows the color palette with custom no color option.
130128
</style>
131129
132130
```
133-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VthAsLLwAyxsVKHl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
134-
135-
![Blazor ColorPicker with Custom No Color](./../images/blazor-colorpicker-custom-nocolor.png)
131+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VthAsLLwAyxsVKHl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ColorPicker with Custom No Color](./../images/blazor-colorpicker-custom-nocolor.png)" %}

‎blazor/color-picker/how-to/render-palette-alone.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,6 @@ In the following sample, the [ShowButtons](https://help.syncfusion.com/cr/blazor
1919
<h4>Choose a color</h4>
2020
<SfColorPicker Mode="ColorPickerMode.Palette" ModeSwitcher="false" ShowButtons="false"></SfColorPicker>
2121
```
22-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLKiLLGUoxTFJzx?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
23-
24-
![Rendering Palette Alone in Blazor ColorPicker](./../images/blazor-colorpicker-with-palette-alone.png)
22+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLKiLLGUoxTFJzx?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Rendering Palette Alone in Blazor ColorPicker](./../images/blazor-colorpicker-with-palette-alone.png)" %}
2523

2624
N> To render `Picker` alone, specify the [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html#Syncfusion_Blazor_Inputs_SfColorPicker_Mode) property as 'Picker'.

‎blazor/color-picker/how-to/show-recent-color.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,4 @@ In the following sample, the [`ShowRecentColors`](https://help.syncfusion.com/cr
2121
<h4>Choose a color</h4>
2222
<SfColorPicker ShowRecentColors="true"></SfColorPicker>
2323
```
24-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLKiLLGUoxTFJzx?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
25-
26-
![Rendering Show Recent color in Blazor ColorPicker](./../images/blazor-colorpicker-show-recent-color.png)
24+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLKiLLGUoxTFJzx?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Rendering Show Recent color in Blazor ColorPicker](./../images/blazor-colorpicker-show-recent-color.png)" %}

‎blazor/color-picker/inline-rendering.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,6 @@ The following sample shows the inline type rendering of ColorPicker.
2020
<SfColorPicker Value="035a" Inline="true" ShowButtons="false"></SfColorPicker>
2121
```
2222

23-
{% previewsample "https://blazorplayground.syncfusion.com/embed/hNVKsVrQgIVKJnGz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
24-
25-
![Inline Rendering in Blazor ColorPicker](./images/blazor-colorpicker-inline-rendering.png)
23+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hNVKsVrQgIVKJnGz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Inline Rendering in Blazor ColorPicker](./images/blazor-colorpicker-inline-rendering.png)" %}
2624

2725
N> The `ShowButtons` property is disabled in this sample because the control buttons are not needed for inline type. To know about the control buttons functionality, refer to the [ShowButtons](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html#Syncfusion_Blazor_Inputs_SfColorPicker_ShowButtons).

0 commit comments

Comments
 (0)