Layout grid / styling

Layout grid

Layout grid this is a graphical representation of columns and rows, in which form components are placed. It allows designing and organizing the form layout – it defines the way components are arranged on the page and controls the proportions between them. Thanks to the grid, the form creator can precisely set the width and position of elements while maintaining visual consistency and interface readability.

The layout grid is visible both in the form editing mode and in the read-only mode.

Grid view in the application editor

Enabling the layout grid is possible in the Application tab – after clicking the "Layout grid" button located at the bottom of the side panel.

Illustration 1. The "Layout grid" button

When the grid view is enabled, the form is expanded with additional auxiliary elements:

  • a column grid (useful when designing and modifying the application layout) and borders of component areas,

  • identifiers of pages, base components and composite components,

  • visibility of technical fields.

Illustration 2. Technical field visible after enabling the "Layout grid" option

The grid view does not affect the published appearance of the form – it is only an auxiliary tool that facilitates component placement and layout analysis.

Illustration 3. View of the "Application" tab without the layout grid enabled

Illustration 4. View of the "Application" tab with the layout grid

Theme change

Theme change is an option in Eximee Designer that allows switching between form themes, i.e., the visual layers of the form.

Switching between themes occurs after clicking the Theme change button located at the bottom of the form editor's side panel.

Illustration 5. The "Theme change" button

After clicking the button, a list of themes available for the platform instance opens. Selecting a different theme immediately changes the appearance of the form in the preview – however, it does not affect its logic or component structure.

FAQ

Does the layout grid change the form's appearance for the end user? No. The grid is visible only in the editing mode and does not affect the published appearance of the form.

Can the theme be changed for a single page of the form? No. The theme is assigned to the entire form or application, not to individual pages.

Does changing the theme affect the column layout? Not directly, but different themes may have different margin and spacing values, which may require minor adjustments to component placement.

Last updated

Was this helpful?