Skip to content

Checkbox Radiobutton

Jannis edited this page Apr 21, 2022 · 2 revisions

Universal

Mit dem Widget kannst du eine Liste von Checkboxen oder Radiobuttons erstellen.

Allgemein

Anleitung: Über den Link kommt ihr jederzeit, aus dem VIS Editor zu dieser Anleitung
Anzahl Boxen: Anzahl der Checkboxen oder Radiobuttons

Box [0, 1, 2, ...]

Objekt ID: Pfad des Datenpunktes. Wenn es Radiobuttons sein sollen muss jede Box die gleiche ID haben!
Wert falsch/wahr: Werte die zum Schalten des Datenpunktes und zum Prüfen des Zustands genutzt werden
Beschriftung: Beschriftungstext, der neben der Box angezeigt wird

CSS inventwo Widget

Ausrichtung: Ausrichtung der Boxen. Horizontal oder vertikal
Abstand: Abstand zwischen den Boxen
Icon: Haken, Kreuz oder Punkt in der Box bei Zustand wahr

Checkbox

Breite: Breite der Boxen
Höhe: Höhe der Boxen
Farbe: Farbe der Boxen, wenn der Zustand falsch ist
Farbe Aktiv: Farbe der Boxen, wenn der Zustand wahr ist
Farbe Icon: Farbe des Icons in der Box bei Zustand wahr

Ecken

Abrundungen: Rundung der jeweiligen Ecke des Widgets

Schatten außen

X Y Versatz: Der Verstaz zum Rand des Widgets in px
Blur: Härte des Schattens. Je höher, desto weicher
Größe: Größe des Schattens in px
Farbe: Farbe des Schattens
Farbe Aktiv: Farbe des Schattens bei Zustand wahr
Farbe Hover: Farbe wenn Cursor über dem Widgets ist (funktioniert nicht auf mobilen Geräten)

Schatten innen

X Y Versatz: Der Verstaz zum Rand des Widgets in px
Blur: Härte des Schattens. Je höher, desto weicher
Größe: Größe des Schattens in px
Farbe: Farbe des Schattens
Farbe Aktiv: Farbe des Schattens bei Zustand wahr
Farbe Hover: Farbe wenn Cursor über dem Widgets ist (funktioniert nicht auf mobilen Geräten)

Schatten Text

X Y Versatz: Der Verstaz zum Rand des Widgets in px
Blur: Härte des Schattens. Je höher, desto weicher
Farbe: Farbe des Schattens
Farbe Aktiv: Farbe des Schattens bei Zustand wahr

Umrandungen

Breite: Stärke der Umrandung in px
Stil: Stil der Umrandung. Solid - Dotted - Groove u.v.m
Farbe: Farbe der Umrandung.
Farbe Aktiv: Farbe für die Umrandung bei Zustand wahr
Farbe Hover: Farbe wenn Cursor über dem Widgets ist (funktioniert nicht auf mobilen Geräten)