> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/animation/size-and-position-animation.md).

# Size and position animation

## Size and position animation

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukO5ImP1oufmPiK_%2Fgif_animation_set_sizeandposition.gif?alt=media&amp;token=2f24ab5c-b624-497c-be0a-88f3fe89c012" alt=""></div>

1. Select widget&#x20;
2. Select Insert > Action
3. Double click Action cell on highlighted row in Actions Editor
4. Select Actions > Animation > Set size and position
5. Enter value for lt and rb arguments:
   * Enter distance from left or top edge in Value field for lt argument
   * Enter distance from right or bottom edge in Value field for rb argument

To restore resized widget to its previous size:

1. Select widget&#x20;
2. Select Insert > Action
3. Double click Action cell on highlighted row in Actions Editor
4. Select Actions > Animation > Set size and position cancel

## Maximize

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukNyJU6S5Lv2rmvm%2Fgif_animation_maximize.gif?alt=media&amp;token=78ff61f1-763c-40a3-824d-aaea1766f15d" alt=""></div>

To maximize widget to fullscreen:

1. Select widget&#x20;
2. Select Insert > Action
3. Double click Action cell on highlighted row in Actions Editor
4. Select Actions > Animation > Maximize

## Minimize (already maximized)

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukO-FlHcmSRQrIQ7%2Fgif_animation_minimize2.gif?alt=media&amp;token=c71ba500-dc2b-46e0-bcad-0269265d81f0" alt=""></div>

To restore maximized widget to its previous size:

1. Select widget&#x20;
2. Select Insert > Action
3. Double click Action cell on highlighted row in Actions Editor
4. Select Actions > Animation > Minimize

## Toggle maximize

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukOBQ9cRHktC13h4%2Fgif_animation_togglemaximize.gif?alt=media&amp;token=8142b8d2-2a94-4713-9378-59b66447b813" alt=""></div>

This action maximize widget if it's minimized and minimize if it's maximized.

1. Select widget&#x20;
2. Select Insert > Action
3. Double click Action cell on highlighted row in Actions Editor
4. Select Actions > Animation > Toggle maximize
