# 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>
