# Tworzenie i podpięcie formatera

## Dodawanie nowego formatera <a href="#tworzenieformatera-dodawanienowegoformatera" id="tworzenieformatera-dodawanienowegoformatera"></a>

Aby utworzyć nowy lub edytować istniejący formater należy przejść do modułu **Biblioteka** i wybrać zakładkę **Formatery.** Zostanie zaprezentowana lista formaterów. Z tego widoku można utworzyć nowy formater, przejrzeć historię zapisów lub edytować istniejący artefakt.

<figure><img src="https://1082717226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2F0TQcjUVg0hidt045i0M7%2Fimage.png?alt=media&#x26;token=8fa609a7-b96c-4a09-87cd-9629b1be82e2" alt=""><figcaption><p><em><strong>Ilustracja 1.</strong> Okno z listą formaterów i menu kontekstowym jednego z artefaktów</em></p></figcaption></figure>

## Podgląd / Edycja <a href="#formatery-podglad-edycja" id="formatery-podglad-edycja"></a>

Po przejściu na konkretny formater zostanie wyświetlona w edytorze jego treść. Z tego poziomu można rozpocząć edycję artefaktu i zapisać jego nową wersję.

<figure><img src="https://1082717226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2Fmg6WzRKpP0MPYg4lrA0o%2Fimage.png?alt=media&#x26;token=abaafde6-5cdb-4458-9dd5-acac54d2b57b" alt=""><figcaption></figcaption></figure>

## Ustawienie formatowania dla komponentu <a href="#title-text" id="title-text"></a>

### Komponenty obsługujące formatowanie <a href="#ustawienieformatowaniadlakomponentu-komponentyobslugujaceformatowanie" id="ustawienieformatowaniadlakomponentu-komponentyobslugujaceformatowanie"></a>

Formatowanie dostępne jest dla następujących komponentów:

* **Pole tekstowe** (Text Field),
* **Obszar tekstu** (Text Area),
* **Data** (Date picker).

### Ustawienie formatera dla komponentu <a href="#ustawienieformatowaniadlakomponentu-ustawienieformateradlakomponentu" id="ustawienieformatowaniadlakomponentu-ustawienieformateradlakomponentu"></a>

Formater można ustawić w widoku własności komponentu (należy przedtem zaznaczyć komponent).

Dla komponentu dostępne są 2 własności odpowiedzialne za działanie formatera (dostępne w sekcji **Interakcje**):

|                                        |                                                                                                                                                                            |
| -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **FORMATER**                           | W tym polu należy wybrać odpowiedni formater.                                                                                                                              |
| **Formatowanie w czasie rzeczywistym** | Określa czy formatowanie następuje po wpisaniu kolejnego znaku (włączona właściwość), czy po opuszczeniu pola (wyłączona właściwość). Właściwość domyślnie jest wyłączona. |

<figure><img src="https://1082717226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FrRrtofVVuXPuWj9eApES%2Fimage.png?alt=media&#x26;token=0048580e-e968-46e2-9263-2cd33034b706" alt=""><figcaption><p><em><strong>Ilustracja 3.</strong> Przykład podpiętego formatera "duzeMaleLitery"</em></p></figcaption></figure>


---

# 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/budowanie-aplikacji/logika-biznesowa/scriptcode/formatery/tworzenie-i-podpiecie-formatera.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.