# JetFormBuilder Advanced Color Picker

> Fejlett színválasztó a JetFormBuilder Színválasztó mező (Color Picker Field) blokkjához: paletta, színválasztó felület, HEX és RGB érték, átlátszóság.

Az Advanced Color Picker a JetFormBuilder **Color Picker Field** blokkját bővíti ki. Az űrlap kitöltője a frontenden
egy kattintásra megnyíló ablakban választhat színt: vagy a kész palettáról, vagy a színválasztó felületről.
A kiválasztott szín HEX vagy RGB kódként kerül az űrlap adatai közé, kérésre átlátszósággal (alfa) együtt.

![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/)

A **Kedvenc színed** mezőre kattintva nyílik meg a színválasztó.

## Mire jó

- **Regisztrációs űrlap:** a választott szín a felhasználó meta adatai közé menthető, és később a bejegyzései vagy a profiloldala színezésére használható.
- **Bejegyzésbeküldő űrlap:** a beküldő megadhatja a betű-, a szakasz- vagy a háttérszínt.
- **Árusítói jelentkezés:** a cég arculati színe a többi adat mellett bekérhető.
- **Rendelési űrlap:** a vásárló kiválaszthatja például a csomagolás vagy az ajándékpapír színét.
- **Tervezési megrendelés:** megadhatók a belső terek kívánt színei.

## Követelmények

- A **JetFormBuilder** bővítménynek telepítve és aktívnak kell lennie (a bővítmény fejlécében követelményként szerepel).
- Ha a színt felhasználói meta mezőbe is menteni szeretnéd, ahhoz a JetEngine kell (lásd: [Használat](https://hub.hellowp.io/hu/plugins/jet-form-builder-colorpicker/hasznalat/)).

## Telepítés

1. Telepítsd és aktiváld a JetFormBuilder bővítményt.
2. Telepítsd és aktiváld az Advanced Color Picker bővítményt (**Bővítmények → Új hozzáadása**, vagy a JetFormBuilder **Addons** oldalán az „Install Addon”, majd az „Activate Addon” gomb).
3. Nyiss meg egy űrlapot a szerkesztőben: a Színválasztó mező blokk beállításai között megjelennek az új beállítások.

## Tartalom

### Színválasztó mező és speciális színválasztó

- [Beállítások](https://hub.hellowp.io/hu/plugins/jet-form-builder-colorpicker/beallitasok/): a blokk új beállításai, értékformátum, átlátszóság.
- [Használat](https://hub.hellowp.io/hu/plugins/jet-form-builder-colorpicker/hasznalat/): űrlap építése színválasztóval, a frontend működése, színek mentése felhasználói meta mezőbe.
- [A Színválasztó mező alapjai](https://hub.hellowp.io/hu/plugins/jet-form-builder-colorpicker/szinvalaszto-alap-mezo/): a beépített blokk, az alapérték és a stílusbeállítások.