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. 10) 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
1 px	Very fine and precise control movement
10 px	Standard – a balanced editing experience
50 px	Coarse movement – quick but less precise
100 px	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.