# Positioning and Dragging

The Window enables you to [set its position](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/positioning-dragging#positioning) and [move it by dragging](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/window/positioning-dragging#dragging).

## Positioning

To specify the initial position of the Window, use its [`initialTop`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#initialtop) and [`initialLeft`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#initialleft) properties. In this uncontrolled mode, the Window manages its position internally after the initial render. If `initialTop` and `initialLeft` are not provided, the Window is initially positioned at the center of the viewport.

To control the position from your application state, set the [`top`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#top) and [`left`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#left) properties. Handle the [`onMove`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#onmove) event to receive the updated coordinates while the user drags the Window, and store them in the state so that the Window follows the pointer.

The following example sets the initial position of the Window.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dialogs/window/positioning/func/source.txt)

## Dragging

By default, the Window enables you to move it by dragging its title bar. To control this behavior, use the [`draggable`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#draggable) property. Set it to `false` to prevent the user from dragging the Window.

The following behaviors apply to dragging:

* Dragging is not available while the Window is in the `FULLSCREEN` stage.
* When the Window itself has focus, the arrow keys move it by a fixed step.
* The [`onMove`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#onmove) event fires during dragging and its `end` field is `true` when the user drops the Window.

The following example lets you toggle the [`draggable`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops#draggable) prop of the Window.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dialogs/window/dragging/func/source.txt)

## Suggested Links

* [Learn about KendoReact Free.](https://www.telerik.com/kendo-react-ui-develop/components/getting-started/free-vs-premium)

* [API Reference of the Window](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/windowprops)