Settings
Grid Step – Movement Step for UI Components
It defines the pixel increments in which a control moves when dragged in the Page Editor.
How it Works
- The entered value (e.g. [code_block_0]) determines how coarse or fine the components can be positioned.
- The smaller the value, the more precisely you can place controls – ideal for fine-tuned layouts.
- A larger value causes "bigger jumps," which is helpful for grid-based or rough layouts.
- Example values:
| Value | Behavior in Page Editor |
|---|---|
| [code_block_1] | Very fine and precise control movement |
| [code_block_2] | Standard – a balanced editing experience |
| [code_block_3] | Coarse movement – quick but less precise |
| [code_block_4] | Very large jumps – for special use cases |
This setting only affects the editor, not the frontend display.
Tip
A small Grid Step is ideal for accurate UI alignment.
A large Grid Step is useful when placing few elements quickly.