Skip to content

1033426: Updated combo box playground sample #9246

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kmkrish001 merged 4 commits into from
Jun 24, 2026
Merged

1033426: Updated combo box playground sample #9246

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
cb7a7c2
1033426: Updated combo box playground sample
ponselvajeganathan Jun 23, 2026
42bada6
Merge branch 'development' into 1033426-combobox
ponselvajeganathan Jun 24, 2026
6e79f87
Update getting-started-with-web-app.md
ponselvajeganathan Jun 24, 2026
39f3028
Merge branch 'development' into 1033426-combobox
ponselvajeganathan Jun 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion blazor/combobox/accessibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ N> In the following sample, pressing the <kbd>t</kbd> key disables the ComboBox
}
}
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZBAsrrQgPQyWcgL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXVHDHhgBFCbvDHE?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" %}

## Ensuring accessibility

Expand Down
4 changes: 2 additions & 2 deletions blazor/combobox/cascading.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ In the following example, selecting a country in the first ComboBox loads its st

{% endhighlight %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLUsVBmKweKQSWe?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Cascading in Blazor ComboBox](./images/cascading/blazor_combobox_cascading.gif)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVxXHBAraxYWUoo?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Cascading in Blazor ComboBox](./images/cascading/blazor_combobox_cascading.webp)" %}

## Cascading with other form field

Expand All @@ -39,6 +39,6 @@ In the following example, the ComboBox lists countries, and textboxes display th

{% endhighlight %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/BthKWhhGKcenJwTt?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Cascading with other form field in Blazor ComboBox](./images/cascading/blazor_combobox_cascading-with-other-form-field.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLxZdLUKDDGkuiV?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Cascading with other form field in Blazor ComboBox](./images/cascading/blazor_combobox_cascading-with-other-form-field.webp)" %}

N> [View the cascading ComboBox demo](https://blazor.syncfusion.com/demos/combobox/cascading?theme=bootstrap5).
2 changes: 1 addition & 1 deletion blazor/combobox/custom-value.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -95,4 +95,4 @@ The following example demonstrates a scenario where users can select an existing

N> Custom values can also be committed using the keyboard by pressing **Enter** when the desired text is typed in the input field.

{% previewsample "https://blazorplayground.syncfusion.com/embed/LNBnjMBqrTWEjiBq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with custom value](./images/blazor-combobox-custom-value.gif)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNBnjMBqrTWEjiBq?appbar=false&editor=true&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with custom value](./images/blazor-combobox-custom-value.webp)" %}
2 changes: 1 addition & 1 deletion blazor/combobox/data-binding.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ Bind by index using the `bind-Index` attribute (supports int and nullable int).
};
}
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZhqshBGgdWoItJf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/rtLRjRBKrMMUsYzE?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" %}

### DataBound event

Expand Down
16 changes: 8 additions & 8 deletions blazor/combobox/data-source.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ In the following example, the Name property is mapped to the Text field and the
};
}
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBKsLLcKnxcdvLv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding Blazor ComboBox Items](./images/blazor-combobox-binding-items.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/hXhHjnhgLbUFEzQC?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Binding Blazor ComboBox Items](./images/blazor-combobox-binding-items.webp)" %}

### Array of complex data

Expand Down Expand Up @@ -119,7 +119,7 @@ public IEnumerable<Complex> LocalData { get; set; } = new Complex().GetData();
}
```

{% previewsample "https://blazorplayground.syncfusion.com/embed/rZrqiLVwKHwhTfxb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding Complex Items with Blazor ComboBox](./images/blazor-combobox-complex-data.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXVnDnhgrPutbGCz?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Binding Complex Items with Blazor ComboBox](./images/blazor-combobox-complex-data.webp)" %}

## Binding remote data

Expand Down Expand Up @@ -155,7 +155,7 @@ In the following sample, the first six records are retrieved from the Orders ent
}
}
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/VthUChrmAnbDTsys?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-binding-data.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/rNVRNHrgBkDqblbJ?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-binding-data.webp)" %}

### Web API Adaptor

Expand All @@ -182,7 +182,7 @@ Use the WebApiAdaptor to bind the ComboBox to a Web API endpoint (including serv
}
}
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjBgiVLwKnloDWBQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Web API Data](./images/blazor-combobox-web-api-data.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZBHXnVKBkBgQedI?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Web API Data](./images/blazor-combobox-web-api-data.webp)" %}

### Custom adaptor

Expand Down Expand Up @@ -294,7 +294,7 @@ The following example demonstrates remote data binding with offline mode enabled
}
```

{% previewsample "https://blazorplayground.syncfusion.com/embed/LtBACrBQKGCrmiJb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox in Offline Mode](./images/blazor-combobox-web-api-data.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZBxtdBKhuKaJKQF?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox in Offline Mode](./images/blazor-combobox-web-api-data.webp)" %}

### ValueTuple data binding

Expand All @@ -310,7 +310,7 @@ Bind [ValueTuple](https://learn.microsoft.com/en-us/dotnet/api/system.valuetuple
</SfComboBox>

```
{% previewsample "https://blazorplayground.syncfusion.com/embed/rDrKihrcgcMdJUXG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox ValueTuple Data](./images/blazor_combobox_valuetuple.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/hNBnNnLUrYpqeIVv?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox ValueTuple Data](./images/blazor_combobox_valuetuple.webp)" %}

## Binding ExpandoObject

Expand Down Expand Up @@ -433,7 +433,7 @@ Bind [ObservableCollection](https://learn.microsoft.com/en-us/dotnet/api/system.
}

```
{% previewsample "https://blazorplayground.syncfusion.com/embed/hDBgCBVcAmhLLFOi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with observable collection data binding](./images/blazor_combobox_observable-collection.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/VthdjdLghuIjzTtA?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with observable collection data binding](./images/blazor_combobox_observable-collection.webp)" %}

## Entity Framework

Expand Down Expand Up @@ -570,7 +570,7 @@ Now, configure the ComboBox using the **SfDataManager** to interact with the cre
}
}
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/BjBqiBLcAGhEHVHQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXLnjdrUVEHsDxfD?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" %}

### Configure cascading in the Blazor ComboBox component

Expand Down
2 changes: 1 addition & 1 deletion blazor/combobox/disabled-items.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ In the following sample, items are disabled based on a data field mapped to Disa

{% endhighlight %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/BXVfjnWVJFyoSyKz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLntRLUrLALCUzc?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" %}

## Disable Item Method

Expand Down
2 changes: 1 addition & 1 deletion blazor/combobox/filtering.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ For instance, the data source item consists of `FirstName` as `Nancy` and `LastN

{% endhighlight %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLKsLVmKwTcWkyh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhxNHrAhsLxHtkd?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" %}

## Prevent popup opening when filtering

Expand Down
2 changes: 1 addition & 1 deletion blazor/combobox/form-validation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,4 +29,4 @@ When the ComboBox input is valid, the form is ready to be submitted. If the inpu

{% endhighlight %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/hXrKWVrGUcRBhJQE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox inside editform](./images/form-validation/blazor_combobox_inside-editform.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNLdDxhqUDbRLhul?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox inside editform](./images/form-validation/blazor_combobox_inside-editform.webp)" %}
8 changes: 4 additions & 4 deletions blazor/combobox/getting-started-with-server-app.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati

* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Blazor ComboBox component in the default web browser.

{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBpNiBuBWhiNjHa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox Component](./images/blazor-combobox-component.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBHjxLUikIdTQQh?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox Component](./images/blazor-combobox-component.webp)" %}

## Binding data source

Expand Down Expand Up @@ -206,7 +206,7 @@ After initializing, populate the ComboBox with data using the [DataSource](https
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBpjsLOhCBHPRgS?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-data-binding.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjrHjxrgLNFyvxFi?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-data-binding.webp)" %}

## Custom values

Expand All @@ -222,7 +222,7 @@ The ComboBox allows users to input custom values that are not present in the pre
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVzXMVOrszHZiMo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Custom Values](./images/blazor-combobox-custom-values.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZrRZxVUVjaLAgas?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Custom Values](./images/blazor-combobox-custom-values.webp)" %}

## Configure the popup list

Expand All @@ -238,7 +238,7 @@ By default, the popup list width automatically matches the ComboBox input width,
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/rZBpXirahMIhXWui?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Popup Height and Width in Blazor ComboBox](./images/blazor-combobox-popup-customization.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtrRXdVgVNHePjPf?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Customizing Popup Height and Width in Blazor ComboBox](./images/blazor-combobox-popup-customization.webp)" %}

N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ComboBox).

Expand Down
8 changes: 4 additions & 4 deletions blazor/combobox/getting-started-with-web-app.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem

* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Blazor ComboBox component in the default web browser.

{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBpNiBuBWhiNjHa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox Component](./images/blazor-combobox-component.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBHjxLUikIdTQQh?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox Component](./images/blazor-combobox-component.webp)" %}

## Binding data source

Expand Down Expand Up @@ -214,7 +214,7 @@ After initializing, populate the ComboBox with data using the [DataSource](https
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBpjsLOhCBHPRgS?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-data-binding.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjrHjxrgLNFyvxFi?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-data-binding.webp)" %}

## Custom values

Expand All @@ -230,7 +230,7 @@ The ComboBox allows users to input custom values that are not present in the pre
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVzXMVOrszHZiMo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Custom Values](./images/blazor-combobox-custom-values.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZrRZxVUVjaLAgas?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Custom Values](./images/blazor-combobox-custom-values.webp)" %}

## Configure the popup list

Expand All @@ -246,7 +246,7 @@ By default, the popup list width automatically matches the ComboBox input width,
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/rZBpXirahMIhXWui?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Popup Height and Width in Blazor ComboBox](./images/blazor-combobox-popup-customization.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtrRXdVgVNHePjPf?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Customizing Popup Height and Width in Blazor ComboBox](./images/blazor-combobox-popup-customization.webp)" %}

N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ComboBox).

Expand Down
8 changes: 4 additions & 4 deletions blazor/combobox/getting-started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,7 +157,7 @@ Add the Blazor ComboBox component in the **~/Pages/Index.razor** file.

* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Blazor ComboBox component in the default web browser.

{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBpNiBuBWhiNjHa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox Component](./images/blazor-combobox-component.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBHjxLUikIdTQQh?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox Component](./images/blazor-combobox-component.webp)" %}

## Binding data source

Expand Down Expand Up @@ -195,7 +195,7 @@ After initialization, populate the ComboBox with data using the [DataSource](htt
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBpjsLOhCBHPRgS?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-data-binding.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/hjrHjxrgLNFyvxFi?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Data Binding](./images/blazor-combobox-data-binding.webp)" %}

## Custom values

Expand All @@ -211,7 +211,7 @@ The ComboBox supports custom values that are not present in the predefined list.
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVzXMVOrszHZiMo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ComboBox with Custom Values](./images/blazor-combobox-custom-values.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZrRZxVUVjaLAgas?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ComboBox with Custom Values](./images/blazor-combobox-custom-values.webp)" %}

## Configure the popup list

Expand All @@ -227,7 +227,7 @@ By default, the popup list width automatically adjusts to the ComboBox input wid
{% endhighlight %}
{% endtabs %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/rZBpXirahMIhXWui?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing popup height and width in Blazor ComboBox](./images/blazor-combobox-popup-customization.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtrRXdVgVNHePjPf?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Customizing popup height and width in Blazor ComboBox](./images/blazor-combobox-popup-customization.webp)" %}

N> [View sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ComboBox).

Expand Down
2 changes: 1 addition & 1 deletion blazor/combobox/grouping.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ In the following sample, vegetables are grouped according to their category usin

{% endhighlight %}

{% previewsample "https://blazorplayground.syncfusion.com/embed/BXrAsLhwUmUFCjYX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Grouping in Blazor ComboBox](./images/blazor-combobox-grouping.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/hXVdjRhqhWSkjMJQ?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Grouping in Blazor ComboBox](./images/blazor-combobox-grouping.webp)" %}

## Fixed group header

Expand Down
2 changes: 1 addition & 1 deletion blazor/combobox/how-to/tooltip.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,4 +64,4 @@ The following example shows how to display a tooltip when hovering over ComboBox
}
```

{% previewsample "https://blazorplayground.syncfusion.com/embed/htrqMBVwKYqDMxaA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Combobox displays Tooltip for Dropdown Items](../images/blazor-combobox-tooltip.webp)" %}
{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBRDxrqUDmKEzhO?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor Combobox displays Tooltip for Dropdown Items](../images/blazor-combobox-tooltip.webp)" %}
Binary file modified blazor/combobox/images/blazor-combobox-action-failure-template.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-binding-data.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-binding-items.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-complex-data.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-component.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-custom-value.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-custom-values.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-data-binding.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-footer-template.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-group-template.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-grouping.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-header-template.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-item-template.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-popup-customization.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-tooltip.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-web-api-data.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor-combobox-without-data.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor_combobox_observable-collection.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/blazor_combobox_valuetuple.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .../combobox/images/cascading/blazor_combobox_cascading-with-other-form-field.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/form-validation/blazor_combobox_inside-editform.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...ages/placeholder-and-floatlabel/blazor_combobox_placeholder-with-mandatory.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/style/blazor-combobox-tooltip.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/style/blazor_combobox_appearance-of-container.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/style/blazor_combobox_appearance-of-popup.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/combobox/images/style/blazor_combobox_background-color.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/style/blazor_combobox_disabled-text-color.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/style/blazor_combobox_floatlabel-focus-color.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/style/blazor_combobox_icon-color.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/style/blazor_combobox_outline-focus-color.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/style/blazor_combobox_placeholder-color.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/style/blazor_combobox_placeholder-with-mandatory.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/style/blazor_combobox_readonly-mode.webp
View file
Open in desktop
Binary file modified blazor/combobox/images/templates/blazor_combobox_firstname-lastname.webp
View file
Open in desktop
Loading