Farb-Picker

Formularelemente - Kurzfassung

Mit Hilfe des Farb-Picker Elements kann der Benutzer eine Farbe von einer grafischen Farbpalette auswählen.

Mit Hilfe des Farb-Picker Elements kann der Benutzer eine Farbe von einer grafischen Farbpalette auswählen.

images/download/attachments/69045625/image2020-8-21_15-11-8-version-1-modificationdate-1615542859733-api-v2.png

Der resultierende Wert wird entweder als 24 Bit Ganzzahl oder als String (Hexadezimaldarstellung) in die Elementdaten geschrieben, abhängig von der Option "Farbwert als String".

Konfigurationsmöglichkeiten - Editorrubrik "Farb-Picker":

Optionsname

Wirkung

Farbwert als String

Legt fest, ob die gewählte Farbe als 24 Bit Ganzzahl (deaktiviert) oder als String in Hexadezimaldarstellung (aktiviert) in die Elementdaten geschrieben wird

Unterstützt Stylevariablen

Aktiviert eine Zusätzliche Palette, welche das Auswählen der Farben aus den Stylevariablen (Styles) ermöglicht.
In diesem Fall wird ein Palettensymbol neben dem Eingabefeld angezeigt, welches beim Klicken die Variablenauswahl öffnet.

images/download/attachments/69045625/image2021-3-12_11-4-0-version-1-modificationdate-1615543441906-api-v2.png

Die Option "Farbwert als String" wird dabei automatisch aktiviert, da der Farbwert auch dem Namen einer Stylefarbe entsprechen kann (siehe Bild).
Dies hat den Vorteil, dass unabhängig vom aktiven Style und Wert der Stylevariablen immer der aktuell gültige Wert verwendet werden kann.

Tipp:
Die Berechnungsfunktion "cssColor" ist in der Lage einen Stylefarbennamen in den entsprechenden Farbwert umzuwandeln.
Ebenso steht in _data Mappings die Funktion "Lobster_pro: resolve as hexadecimal color" zur Verfügung.


Siehe auch:
cssColor
intToHex (Ganzzahl in Hexadezimaldarstellung umwandeln)
Lobster_pro: resolve as hexadecimal color