New to Telerik UI for Blazor? Download Free 30-day trial
DropDownList - Adaptive
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Resize the browser to see how the DropDownList adapts to different resolutions.
- Adaptive.razor
- ProductService.cs
- ProductDto.cs
Description
The Telerik Blazor DropDownList supports an adaptive mode, which when enabled, provides a mobile-friendly rendering of its suggestion list popup. To enable it, use the AdaptiveMode
parameter and set it to AdaptiveMode.Auto
. The picker component will automatically adapt to the current screen size and will change its rendering accordingly. On medium-sized screens, the suggestion list will display as a docked to the bottom modal, while in smaller screens - a full-screen modal dialog will be used. In all other scenarios, including when the parameter has not been set or it has been to its default value of AdaptiveMode.None
, a standard popup rendering anchored to bottom of the input itself will be used.