Pages & layout

Pages

Create new form pages and add fields from the toolbox with drag & drop. Each field gets a default vertical position on the canvas: to group fields together, use the Section and Column components from the toolbox’s Layout category.

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.
Arrows	Collapse grouped fields.
Document	Download a Word merge document.
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 fields 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 sections, columns, and fields onto the layout canvas the same way you would on the root page.

A layout can only reuse fields, actions, links, and rules 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 source for all other layouts. Put the fields the form needs in the root layout first. An additional layout can use a subset of those fields, reposition and resize them, and adapt the form for a tablet, phone, embedded display, or a custom screen size. Selecting a layout in the Form Definitions menu updates the canvas, Structure tab, and editing menu together.

When an additional layout is active, the Toolbox shows fields from the root layout for reuse. Field definitions remain shared; only their arrangement changes between layouts. You do not have to show every root field in every layout.

Size and selection

Select a layout and open Properties → General to set its Width Bound, the maximum screen width for which that layout is intended. Under Properties → Page, set the dimensions of the editable canvas and the layout’s visual styling. The Page section also contains that layout’s form overview configuration.

The app selects a suitable layout based on the available screen size and the configured bounds.

Recommended workflow

1. Create the root layout and add all required fields.
2. Configure and check the full-size form.
3. Add layouts for smaller screens and set their width bounds.
4. Reposition or resize reused fields, omitting fields that are not needed on a compact layout.
5. Keep field order consistent where possible so the form remains familiar across devices.