# Constraining the Position

The Window provides the `Draggable(d => d.Containment())` configuration option that you can use to constrain the movement of the widget inside a container element.

The `Containment()` option overrides the `appendTo` setting and attaches the Window to the specified DOM element. You have to correctly position the `containment` element by using the `relative`, `absolute`, or `fixed` CSS rules.

The following example demonstrates how to create a modal Window and constrain its movement inside a DOM element.

```Razor HtmlHelper
    <style>
        #container {
            position: relative;
            width: 500px;
            height: 500px;
            border: 1px solid grey;
        }
    </style>

    <div id="container">
        @(Html.Kendo().Window()
            .Name("window")
            .Title("Alvar Aalto")
            .Width(300)
            .Height(250)
            .Draggable(d => d.Containment("#container"))
            .Content(@<text>
                <p>
                    Alvar Aalto is one of the greatest names in modern architecture and design.
                    Glassblowers at the iittala factory still meticulously handcraft the legendary vases
                    that are variations on one theme, fluid organic shapes that let the end user decide the use.
                </p>
            </text>)
        )
        <div id="window">

        </div>
    </div>
```

```Razor TagHelper
    <style>
        #container {
            position: relative;
            width: 500px;
            height: 500px;
            border: 1px solid grey;
        }
    </style>

    <div id="container">
        <kendo-window name="window" title="Alvar Aalto" height="250" width="300">
            <draggable containment="#container" />
            <content>
                Alvar Aalto is one of the greatest names in modern architecture and design.
                Glassblowers at the iittala factory still meticulously handcraft the legendary vases
                that are variations on one theme, fluid organic shapes that let the end user decide the use.
            </content>
        </kendo-window>
        <div id="window">

        </div>
    </div>
```

## See Also

* [Constraining the Movement of the Window HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/window/constrain-movement)
* [Server-Side API](https://www.telerik.com/aspnet-core-ui/documentation/api/window)