# A Színválasztó mező alapjai

> A JetFormBuilder Color Picker Field blokkja a bővítmény nélkül: támogatott formátumok, mentett érték, alapérték, általános és stílusbeállítások.

A **Color Picker Field** a JetFormBuilder beépített blokkja. Vele az űrlap kitöltője kiválaszthat egy színt, például hogy az oldal vagy a tartalom megjelenését a saját ízlésére szabja. Az Advanced Color Picker ezt a blokkot egészíti ki, ezért érdemes tudni, mit tud a blokk önmagában.

![Az űrlap a frontenden: a Kedvenc színed mező egy kis színmintával](./kepek/urlap-frontend.webp)

*Az űrlap a frontenden: a Kedvenc színed mező egy kis színmintával* (https://minta-bolt.hu/szinvalaszto/)

## Mit tud a beépített színválasztó

- A böngésző alap HTML színválasztóját használja, amelyben a színt HEX, RGB és HSL formátumban is meg lehet adni.
- A mentett érték viszont mindig hétkarakteres hexadecimális kód (például `#cc0000`), formátumtól függetlenül.
- Ha az értéket HEX vagy RGB formátumban szeretnéd menteni, vagy fejlettebb mezőbeállításokra van szükséged, kapcsold be az Advanced Color Picker bővítmény beállításait (lásd: [Beállítások](https://hub.hellowp.io/hu/plugins/jet-form-builder-colorpicker/beallitasok/)).

## Beállítások

A blokk beállításai az oldalsávban a többi mezőhöz hasonlóan két szakaszban vannak:

- **Általános beállítások:** címke, mezőnév, leírás, alapérték és a többi szokásos mezőbeállítás.
- **Haladó beállítások:** a mező megjelenését és működését finomító közös beállítások.

![A blokk oldalsávja a Field szakasszal](./kepek/szerkeszto-mezo-beallitasok.webp)

*A blokk oldalsávja a Field szakasszal* (https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit)

### Alapérték megadása

A mező alapértékét az alapérték mező melletti, henger alakú ikonra kattintva adhatod meg. Megnyílik a **Preset szerkesztése** ablak, ahol kiválasztod a forrást, ahonnan az adat származik (például a felhasználó vagy a bejegyzés egy meta mezője). Így a mező már kitöltve jelenik meg, például a korábban elmentett színnel.

## Stílusbeállítások

Ha a JetStyleManager bővítmény is telepítve van, az űrlapszerkesztő jobb felső sarkában megjelenik a **Block Style** gomb. A színválasztó mezőhöz ezek a stílusbeállítások érhetők el:

- igazítás (Alignment)
- szegély (Border)
- szín (Color)
- külső margó (Margin)
- belső margó (Padding)
- betűtípus (Typography)