| Auszug |
|---|
|
Nuclos Custom CSS: Web Client per WEBCLIENT_CSS gestalten, Tab-Laschen, Buttons und Panels mit eigenen Selektoren anpassen. |
Sprache: Deutsch · English
Custom CSS
Das Aussehen des Web Client per CSS anpassen – über den Systemparameter WEBCLIENT_CSS oder eine Nuclet-CSS-Datei.
| Status |
|---|
| colour | Blue |
|---|
| title | Low-Code / Entwickler |
|---|
|
| Status |
|---|
| colour | Green |
|---|
| title | Stand: Jul 2026 |
|---|
|
| Status |
|---|
| colour | Grey |
|---|
| title | gilt fuer Nuclos 4.2026.x |
|---|
|
Mit dem Systemparameter WEBCLIENT_CSS überschreibst du das Aussehen des Web Client (z. B. Tab-Laschen, Buttons, Panels).
Aktivierung
- Über Administration → Parameter den Parameter
WEBCLIENT_CSS setzen, oder - 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:
| Codeblock |
|---|
|
.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.
| Tipp |
|---|
|
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
Barrierefreie Layouts
Kontraste & Klassen.
Öffnen →
