Pages and grid settings
Every project is a set of pages. Each page has its own name, grid size and background, while screen size, orientation and the menu are shared by the whole project.
Add and manage pages
| Task | How |
|---|---|
| Add a page | Click + to the right of the page tabs. New pages start as an 8-row x 12-column grid |
| Switch page | Click its tab |
| Rename | Right-click the tab > Rename, or edit Page name in the Page tab |
| Duplicate | Right-click the tab > Duplicate. Widgets, grid size and row/column sizes are copied |
| Delete | Right-click the tab > Delete, or click the x on the selected tab |
Page names appear in menus, popups and navigation targets, so use names an end user will recognise (Lounge, Level 2, Scenes).
Page properties
Click an empty part of the canvas to show the Page tab.
| Setting | Options | Notes |
|---|---|---|
| Page name | Free text | Shown on menus and popup headers |
| Page type | Grid, Plan view | Plan view turns the page into an interactive floor plan (see Plan view: interactive floor plans) |
| Rows / Columns | 1 to 150 each | Number of grid cells; widgets snap to them |
| Background colour | Any theme colour token, or Custom... | Defaults to the theme's Background colour |
| Background image | Choose background | Built-in Gradients, Fades, Patterns and Solids, or Upload custom |
Choosing a grid size
The grid decides how finely you can place and size widgets. The cell size on the real screen is the screen size divided by the grid.
Coarse grids (3 x 4 to 4 x 6) give big, finger-friendly buttons and are quickest to lay out. Most templates use these.
Fine grids (8 x 12 and up) give more control over alignment and let you mix small and large widgets, but each widget spans more cells.
Settle the grid before placing widgets; changing it later means re-checking every widget's position and size.
Widget consistency
Under Widget consistency on the Page tab:
Force uniform text size makes every widget label the same size, so a page of mixed buttons looks even.
Force uniform font applies one font across all widgets.
Animation settings
Page transition and pop-up animations are listed but are not currently supported; both are fixed at None.
Project metadata
Shows when the project was last modified and gives a Notes field. Use it for the site name, revision, installer or anything the next person to open the file should know.
