JetFormBuilder – Advanced Color Picker (PRO)

A JetFormBuilder Advanced Color Picker akkor válik szükségessé, amikor rájössz, hogy a sima színválasztó túl kevés információt ad. HEX-et kapsz vissza, miközben:
– RGB-re lenne szükséged
– átlátszóságot (alpha) szeretnél
– a mentett adatot dinamikusan használnád (profil, kártya, háttér, overlay)

Ilyenkor nem a dizájn a gond, hanem az, hogy az adat formátuma nem illeszkedik a rendszeredhez. Ezt a problémát oldja meg az addon.

Hogyan működik a gyakorlatban

Fontos, hogy ez nem egy új mezőtípus, hanem a meglévő Color Picker kibővítése. Emiatt sokan elsőre azt hiszik, hogy „nem települt”, pedig csak nincs bekapcsolva.

A működés logikája:
– felveszel egy sima Color Picker mezőt
– bekapcsolod rajta az Advanced módot
– ott döntesz a mentési formátumról és az átlátszóságról

Ha ezt nem látod, akkor szinte biztos, hogy:
– az addon nincs aktiválva
– nincs PRO licenc
– vagy nem a megfelelő mezőt nézed

Tipikus elakadás: „Miért még mindig HEX-et ment?”

Ez az egyik leggyakoribb kérdés. Az ok általában egyszerű:
– a Value Format nincs átállítva
– vagy az Advanced Color Picker nincs bekapcsolva az adott mezőn

Fontos megérteni: globálisan nem írja felül a Color Picker működését. Mezőnként kell eldöntened, hogyan mentsen.

Ha RGB-re van szükséged, de HEX-et kapsz, akkor:
– nézd meg, hogy tényleg azon a mezőn dolgozol-e
– ellenőrizd, hogy mentés után frissítetted-e a formot
– nézd meg a mentett meta értékét ténylegesen (pl. user meta / post meta nézetben)

Alpha (átlátszóság) – mikor „eltűnik” a szín

Amikor bekapcsolod az alpha kezelést, a mentett érték például 이렇게 fog kinézni:
rgba(30, 144, 255, 0.5)

Ha ezt később:
– CSS változóba
– inline style-ba
– vagy feltételes logikába

teszed, győződj meg róla, hogy az adott kontextus kezeli-e az RGBA-t. Ha például egy téma vagy script HEX-et vár, az alpha-s érték „nem fog működni”, de ez nem a mező hibája.

Supportos gondolkodás itt:
nem az a kérdés, hogy „jól mentette-e”, hanem hogy hol és mire használod fel.

„Ment, de nem jelenik meg”

Ez a másik klasszikus helyzet. A szín:
– mentésre kerül
– de nem látod a felületen

Ilyenkor ellenőrizd:
– tényleg kiolvasod-e a megfelelő meta mezőt
– nem HTML attribútumba teszed-e (pl. data-color), ahol más formátum kell
– nem CSS osztályt vár-e a sablon, miközben inline stílust adsz

Az addon adatot ad, nem megjelenítési logikát. A vizuális rész a sablonod felelőssége.

Mikor érdemes RGB-t választani HEX helyett

RGB akkor ideális, ha:
– alpha csatornát használsz
– animációk, overlay-ek vannak
– CSS-ben számolni akarsz (pl. hover, gradient)

HEX akkor jobb, ha:
– egyszerű színként kezeled
– fix branding színeket gyűjtesz
– külső rendszer (pl. export, API) ezt várja

A lényeg: a mentési formátum döntés, nem technikai kényszer.

PRO addon – miért nem látod, pedig „telepítetted”

Ez gyakran előfordul. Ellenőrizd:
– JetFormBuilder > Addons alatt tényleg aktív-e
– nem csak telepítve van, hanem bekapcsolva is
– ugyanazon az oldalon szerkeszted-e a formot, amit a frontend használ

Ha a „Use Advanced Color Picker” kapcsoló nincs ott, az addon nem aktív.

Mikor nem ez a jó megoldás

Nem érdemes használni, ha:
– csak egy statikus szín kell adminnak
– nincs szükséged az érték programozott feldolgozására
– nem számít az alpha vagy az RGB

Ilyenkor a sima Color Picker is elég.

Összefoglalva

Az Advanced Color Picker nem dizájn-eszköz, hanem adatminőségi kiegészítő. Akkor hozza az értékét, amikor:
– számít, mit mentesz el
– számít, hogyan használod fel
– és nem akarsz utólag konvertálni vagy hackelni

Ha jól van beállítva:
– tiszta adatot kapsz
– kevesebb workaround kell
– a rendszered kiszámíthatóbban működik

Ha szeretnéd, következő körben végigmehetünk:
– RGB vs HEX tipikus frontend buktatókon
– JetEngine + Dynamic Field színkimeneteken
– CSS változók és színmezők összekötésén