# Layout grid / theme

## Layout grid

**Layout grid** is a graphical representation **of columns and rows**, in which form components are placed. It allows you to design and organize the form layout – it defines how 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, maintaining visual consistency and interface readability.

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

### Grid view in the application editor

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

<div align="center"><img src="/files/ebc74c3a1c1c50972f72da8a6fc112da75d2ad89" alt="Figure 1. The &#x22;Layout grid&#x22; button"></div>

After enabling the grid view, the form is expanded with additional auxiliary elements:

* the column grid (helpful in designing and modifying the application layout) and the boundaries of component areas,
* page identifiers, base components and composite components,
* visibility of technical fields.

<figure><img src="/files/5c73e3643c0b1ff21284a2d668a83fbf7948a667" alt=""><figcaption><p><em><strong>Figure 2.</strong> Technical field visible after enabling the "Layout grid" option</em></p></figcaption></figure>

The grid view does not affect the published appearance of the form – it is only a **auxiliary tool** that makes it easier to place components and analyze the layout.

<figure><img src="/files/06e3344a817e6d343f7727b0c059a660efaf9863" alt=""><figcaption><p><em><strong>Figure 3.</strong> View of the "Application" tab without the layout grid enabled</em></p></figcaption></figure>

<figure><img src="/files/81049828bdac0beaa3f2e6234b76a8234c46200e" alt=""><figcaption><p><em><strong>Figure 4.</strong> View of the "Application" tab with the layout grid</em></p></figcaption></figure>

## Appearance change

**Appearance change** is an option in Eximee Designer that allows switching between application appearances, i.e. the visual layers of the form.

Switching between appearances occurs after clicking the button **Appearance change** located at the bottom of the form editor side panel.

<div align="center"><img src="/files/84d0ce6a629721bbc9b190401829207921349ad1" alt="Figure 5. The &#x22;Appearance change&#x22; button"></div>

After clicking the button, a list of available appearances defined for the platform instance opens.\
Selecting another appearance immediately changes the form's appearance 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 edit mode and does not affect the published appearance of the form.

**Can the appearance be changed for one page of the form?**\
No. The appearance is assigned to the entire form or application, not to individual pages.

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/tworzenie-formularza/siatka-layoutu-szata.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.