# Widget positioning

#### Changing widget position and size

For the current main selected widget, the position and size can be changed by

* drag & drop of the whole widget - changes the position.
* typing on one of the cursor keys (up, down, left, right) - changes the position by one pixel.
* drag & drop on the edges of the widget - changes the size in this direction.

#### Alignment of multiple widgets

For the alignment of multiple widgets, several options are available:

* red dotted lines identify if edges or the middle of widgets are aligned.\
  ![](https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-4a4d8b91040493f9690bef92ae9d215c1145b713%2Fgrafik.png?alt=media)
* in the **Style** tab, the properties **Position / size** can be used to manually set position or size parameters on the same value.\
  ![](https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-4c2c5f9a63a15a8de8bc4306fc298ad6b14d6f55%2Fgrafik.png?alt=media)
* The three dot menu of the widget toolbar provides some additional options:
  * Align to top / left / bottom / right
  * Apply same width / height
  * Distribute horizontally / vertically

![](https://1085786630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWv5M2BoEVu0kDIV5EPs4%2Fuploads%2Fgit-blob-e91f747d53f7d2b83955a80bb5fa6438ed5e83b5%2Fgrafik.png?alt=media)