DataEngine Admins haben die Möglichkeit, durch benutzerdefiniertes CSS das Design und die Benutzeroberfläche der MARINI DataEngine anzupassen. Diese Anpassungen verbessern nicht nur das visuelle Erscheinungsbild entsprechend dem Corporate Identity, sondern ermöglichen auch eine gezielte Anpassung für unterschiedliche Anwendungsfälle.
Schritt-für-Schritt
- Navigiere zur Admin-Seite: Logge dich als Admin in der DataEngine ein und gehe zur Administrationsseite.
- Custom CSS Bereich finden: Suche unter „Systemeinstellungen“ nach der Option „Custom CSS“.
- CSS anpassen: Gib im Editor deine benutzerdefinierten CSS-Anweisungen ein. Hier können beispielsweise Farben, Schriftarten, Abstände oder spezifische Layouts angepasst werden. Da der Custom CSS-Code am Ende jeder Seite geladen wird, überschreibt er standardmäßig alle vorherigen CSS-Stile.
- Änderungen speichern: Sobald du den Code eingegeben hast, speichere die Änderungen. Die Anpassungen werden sofort auf allen Seiten der DataEngine sichtbar.
Tipps & Best Practices
- Testen: Führe umfangreiche Tests durch, um sicherzustellen, dass das angepasste CSS keine unerwünschten Effekte auf das UI hat, insbesondere auf unterschiedlichen Endgeräten.
- Responsivität sicherstellen: Achte darauf, dass deine CSS-Anpassungen responsive sind, sodass das Design auf mobilen Geräten, Tablets und Desktops gleich gut funktioniert.
- Minimalistischer Ansatz: Vermeide es, zu viele Änderungen auf einmal vorzunehmen, um die Übersichtlichkeit des Codes zu bewahren und potenzielle Fehlerquellen zu minimieren.
Erweiterte Anpassungen
Mit Custom CSS lässt sich das UI nicht nur optisch anpassen, sondern auch funktional nutzerfreundlicher gestalten. Beispielsweise kann durch das Hervorheben wichtiger Funktionen oder das Reduzieren visueller Komplexität die Benutzererfahrung verbessert werden – ideal für spezifische Use Cases, bei denen bestimmte Abläufe im Vordergrund stehen.
Fehlervermeidung
- Konflikte vermeiden: Da Custom CSS am Ende jeder Seite eingebunden wird, könnte es bestehende Stile überschreiben. Es ist wichtig, mögliche Konflikte mit dem nativen CSS zu vermeiden.
- Dokumentation des Codes: Stelle sicher, dass du alle Anpassungen dokumentierst, damit andere Admins oder Entwickler diese nachvollziehen können.