Vorsicht
Dies ist die Dokumentation des aktuellen Entwicklungszweigs der CometVisu. Es besteht daher die Möglichkeit, dass einige der hier beschriebenen Features mit dem aktuellsten Release der CometVisu nicht genutzt werden können.
Styling
Mit dem styling Tag können Elementen bei jeweiligen Werten Farben zugewiesen werden.
Zum Beispiel kann AUS in rot und AN in grün dargestellt werden (oder umgekehrt)
Hier eine Liste der möglichen Farben die standardmäßig in der CometVisu enthalten sind:
grey | |
---|---|
cyan | |
green | |
lime | |
red | |
blue | |
fuchsia | |
black | |
maroon | |
olive | |
purple | |
silver | |
white | |
yellow |
Vorsicht
Die Farben können je nach Design abweichen.
Mit diesem styling wird 0 (oft AUS) in grün und 1 (oft AN) in rot dargestellt.
<styling name="GreenRed">
<entry value="0">green</entry>
<entry value="1">red</entry>
</styling>
Um ein Element mit den entgegen gesetzten Farben darzustellen, muss der folgende style tag erstellt werden. Jetzt hat das Element bei einem Wert von 0 die Farbe rot.
<styling name="Red_Green">
<entry value="0">red</entry>
<entry value="1">green</entry>
</styling>
Styling tags lassen sich natürlich auch für slider erstellen. Hier wird der Wert für den Bereich festgelegt, in dem die Farbe dargestellt wird. Im folgenden Beispiel wie folgt:
von -100 bis 0: blau
der Wert 0: lila
Werte größer 0: rot
<styling name="BluePurpleRed">
<entry range_min="-100" range_max="0">blue</entry>
<entry value="0">purple</entry>
<entry range_min="0" range_max="100">red</entry>
</styling>
Wichtig
Wie die Farben dann im Design tatsächlich dargestellt werden kommt auf die Definition in der CSS für’s jeweilige Designs an.
Die Farben können auch im HTML-Code angegeben werden. Zum Beispiel: #F33333