Adding, arranging and resizing widgets
Widgets snap to the page grid. Add them from the toolbox, then move, resize, duplicate or delete them on the canvas.
The widget toolbox
| Group | Widgets | Use for |
|---|---|---|
| Buttons | Command button, On/off button, Schedule button, Popup button | Scenes, on/off, user schedules, opening a page as a pop-up |
| Controls | Arc slider, Data slider, Colour temp slider, Colour picker, Colour slider, Modern slider, Adjustable data | Dimming, tunable white, colour, system variable control |
| Display | Label, Image, Variable | Headings, logos, live values |
| Navigation | Navigation button | Jumping to another page |
Each widget has its own article in the Widget reference section.
Add a widget
Double-click a widget in the toolbox to drop it into the first free cell on the current page, or
Drag it from the toolbox to the cell you want.
Each widget arrives at a sensible default size (for example a Command button is 1 x 1 cells, an Arc slider 1 x 6, a Colour picker 3 x 3). If the default does not fit the free space, the builder shrinks it until it fits.
Select, move and resize
| Task | How |
|---|---|
| Select | Click the widget. Handles appear and the Widget tab opens |
| Move | Drag the widget to another position on the grid |
| Resize | Drag a handle on an edge or corner, or type Column span / Row span in the Widget tab |
| Step through widgets | Use the < n of N > arrows at the top of the Widget tab |
| Deselect | Click an empty area of the canvas, or press Esc |
Duplicate and delete
Right-click a widget > Duplicate to copy it with all settings, including its target.
Right-click > Delete, press Delete on the keyboard, or click Delete widget at the bottom of the Widget tab.
Undo (top of the screen, or Ctrl+Z) reverses a mistake.
Zoom and pan
Zoom controls are at the bottom right of the canvas: -, +, 1:1 for actual pixel size and Fit to screen (95%).
Zoom in for precise placement on fine grids. When zoomed in, drag on the grey area around the canvas, or hold the middle mouse button, to pan.
Tips
Lay out the largest widgets (sliders, colour pickers) first, then fill gaps with buttons.
Build one widget fully (style, icon, target), then duplicate it for its neighbours and change only the target and name.
On tablets and phones the builder supports touch dragging and larger resize handles.
