New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core Window Constrain Movement
- 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 SERVER-SIDE APIDescription
The Telerik UI for ASP.NET Core Window allows you to constrain its movement inside a specific container element. This functionality is enabled through the .Draggable(settings => settings.Containment()
configuration option.
The Containment
option has the following specifics:
- Overrides the
AppendTo
setting. - The
Containment
element must have a set CSS position such as relative, absolute, or fixed.
This demo shows how to constrain the movement of the Telerik UI for ASP.NET Core Window inside a container element.
To enable the feature, use the Containment()
option and specify the position of the container by using relative, absolute, or fixed CSS rules.