Pages & layout

Pages

Create new dashboard pages and add controls from the toolbox with drag & drop, anywhere on the canvas. To group controls together, use the Panel control from the toolbox.

The toolbar above the canvas gives you:

Icon	Function
Trash	Delete the selected component from the canvas.
Eye	Preview the page on desktop, tablet, and smartphone.
Question mark	Add notes documenting the page’s content.
Cogs	Open the page properties in the right sidebar.

Layouts

Any2Info builds responsive applications with one design by default (docking, scaling, and so on). Layouts let you tailor that further: reposition the same controls and data links onto a layout optimized for desktop (including portals), tablet, or smartphone. Based on the available layouts, the app automatically shows the one that matches the device.

Drag and drop panels and controls onto the layout canvas the same way you would on the root page.

A layout can only reuse controls, events, and links that already exist on the original root page: if a layout is created without them, an error message appears above the canvas.

Root and additional layouts

The root layout is the primary dashboard and the source of controls for other layouts. Put all controls needed by the dashboard in the root layout first. An additional layout can use a subset of those controls, move them, and resize them for a tablet, phone, embedded display, or a custom screen size. Selecting a layout updates the canvas, Structure tab, and editing menu together.

When an additional layout is active, the Toolbox shows controls from the root layout for reuse. A control can appear in some layouts and be omitted from others; the layouts change its arrangement rather than creating a separate control definition.

Size and selection

Select a layout and open Properties → General to set its Width Bound and Height Bound. These are the maximum screen dimensions for which the layout is intended. Under Properties → Page, set the dimensions of the editable dashboard canvas. The app selects a suitable layout using the configured bounds and the available screen space.

Recommended workflow

1. Create the root layout and add all required controls.
2. Configure and check the full-size dashboard.
3. Add layouts for smaller screens and set their width and height bounds.
4. Reposition or resize reused controls, leaving out controls that are not essential on compact layouts.
5. Use the designer’s alignment and layer-order tools when controls overlap or need precise placement.