CSS für die Farben

Für das Statusfeld haben wir ja bereits mehrere verschiedene Werte festgelegt, die momentan allerdings alle gleich aussehen. Gerade bei einem Bugtracker sollte aber unmittelbar der Status einer Fehlermeldung zu erkennen sein, zum Beispiel mit einem Alarmrot für kritisches, Grün für behobene Fehler und so weiter.

Das machen wir jetzt alles in einem Abwasch mit CSS. Das ist nicht nur viel einfacher und eleganter, der alte Font Color Tag wird ausserdem unter modernem  HTML5 gar nicht mehr unterstützt.

Nun muss ich dazu sagen, daß es eigentlich im Sinne von IPS ist, das ihr eigene CSS Dateien für eure Seiten anlegt (im Release Notes Tutorial wird auch genau erklärt wie das funktioniert). In diesem Beispiel verwende ich den Code allerdings direkt in den Templates. Das hat mehrere Vorteile, unter anderem kann ich so viel individueller zur Sache gehen.

Im recordRow Template kopiert dafür ganz einfach das hier ganz oben über den eigentlichen Templatecode ...

<style>
  .ipsBadge_style1 {
    --badge--background: #ff0000;
    --badge--color: #fff;
    border-radius: 2px;
  }
   .ipsBadge_style2 {
    --badge--background: #49bd5b;
    --badge--color: #fff;
     border-radius: 2px;
  } 
   .ipsBadge_style3 {
    --badge--background: #606060;
    --badge--color: #fff;
     border-radius: 2px;
  }   
   .ipsBadge_style4 {
    --badge--background: #ff9900;
    --badge--color: #fff;
     border-radius: 2px;
  }   
   .ipsBadge_style5 {
    --badge--background: #3A8BC4;
    --badge--color: #fff;
     border-radius: 2px;
  }   
   .ipsBadge_style6 {
    --badge--background: #FF69B4;
    --badge--color: #fff;
     border-radius: 2px;
  }    
</style>

Im record Template genau das gleiche, nur das ich dort noch das hier in den Style-Tag mit eingefügt habe (einfach nur für die Optik) ...

.ipsTabs {
  display: none;
  }

Das entfernt das in diesem Fall überflüssige Tabs-Menü.