New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core TimeDurationPicker Adaptive Mode
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API HTML HELPER APIDescription
The Telerik UI for ASP.NET Core TimeDurationPicker supports an adaptive mode that provides a mobile-friendly rendering of its suggestion list popup.
The functionality is enabled via the .AdaptiveMode()
- when it is set to AdaptiveMode.Auto
the popup of the component will automatically adapt to the current screen size and will change its rendering accordingly. On medium-sized screens, the suggestion list will be shown as a modal docked to the bottom. On smaller screens a full-screen modal dialog will be used. In all other cases, a standard popup rendering anchored to the bottom of the input will be used.