# Form styles and component styles

## Adding CSS styles in the application <a href="#title-text" id="title-text"></a>

After clicking the button in the left sidebar menu **Application style** ![](https://wiki.consdata.pl/download/thumbnails/221080918/image2021-7-23_9-47-27.png?version=1\&modificationDate=1627026448030\&api=v2) a side panel with the embedded CSS sheet editor for the application will slide out. The button **Application style** is visible only in the editor **Application**.

<figure><img src="/files/7a42370400a165d849d08f1a7a29fdcf39194352" alt="" width="563"><figcaption><p><em><strong>Figure 1.</strong> Application style editing panel</em></p></figcaption></figure>

The CSS editor offers:

* CSS syntax highlighting and autocomplete,
* text search,
* basic CSS validity checking,
* automatic refresh of the application after each CSS definition change.

The created style is applied by entering its name in the field **Style names** available in the section **Styling** panel **Properties**.

## Component styling and platform styles

Base components can be assigned styles defined on the platform or styles created in the application. Their names should be added in the panel **Properties** → section **Styling** → **Style names** (additional styles are added by pressing the Enter key).

<figure><img src="/files/bf16f014d4b0fd98f6a316c55ae6b5a54e402397" alt=""><figcaption><p><em><strong>Figure 2.</strong> Example style <strong>ex-textfield-without-left-padding</strong> added to the component</em></p></figcaption></figure>

\
\
When adding a platform style, we get a list of style suggestions available for the given component.

<figure><img src="/files/9b075ee8bb073afcf000a85225199c256e188c80" alt=""><figcaption><p><em><strong>Figure 3.</strong> Example suggestion list for the Label component</em></p></figcaption></figure>

{% hint style="warning" %}
Available platform styles may differ depending on the deployment
{% endhint %}


---

# 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/style-formularza-i-style-komponentu.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.
