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