globe with meridians Sprache: Deutsch · English

hammer and wrench Custom CSS

Das Aussehen des Web Client per CSS anpassen – über den Systemparameter WEBCLIENT_CSS oder eine Nuclet-CSS-Datei.

HOW-TO LOW-CODE / ENTWICKLER STAND: JUL 2026 GILT FUER NUCLOS 4.2026.X

Auf dieser Seite

Mit dem Systemparameter WEBCLIENT_CSS überschreibst du das Aussehen des Web Client (z. B. Tab-Laschen, Buttons, Panels).

Aktivierung

  1. Über Administration → Parameter den Parameter WEBCLIENT_CSS setzen, oder
  2. eine .css-Datei im Nuclet-Extension-Bereich hochladen.

WEBCLIENT_CSS als Systemparameter.

Beispiel: aktive Tab-Lasche hervorheben

Ein hellerer Balken über dem Titel der aktiven Tab-Lasche:

.tab-background {
  border-top: 4px solid rgba(0, 0, 0, 0.35);
}
.tab-background:hover {
  border-top: 4px solid rgba(255, 255, 255, 0.55);
}
.p-highlight .tab-background {
  border-top: 4px solid rgba(255, 255, 255, 0.55);
}

Ergebnis: hervorgehobene Tab-Lasche.

Mehr Selektoren

Die Tab-Laschen lassen sich mit der ganzen Mächtigkeit von CSS gestalten. Weitere Selektoren: .theme-basic .btn-primary, .nuc-button-execute-rule, .card, .ag-row-selected u. v. m.

Verwandte Seiten

gear Farbige Zeilen


Zeilen einfärben.

Öffnen →

gear Barrierefreie Layouts


Kontraste & Klassen.

Öffnen →

  • Keine Stichwörter