Styles (CSS) |
  
|
Styles (CSS) |
|
Dieses Kapitel behandelt die individuelle Anpassung der Styles mithilfe CSS-Dateien bzw. deren Einbindungsreihenfolge der WebOffice Benutzer- und Projekt-Skin-Dateien.
Allgemeine Individualisierungen
Bei der allgemeinen Individualisierung kann generell eine Anpassung der CSS-Definitionen für alle WebOffice core Client Projekte innerhalb einer Applikation erfolgen. Dabei werden zwei verschiedene CSS-Dateien vom WebOffice core Client eingebunden. Allgemeine Individualisierungen werden über die Benutzer-Dateien (weboffice_user.css, weboffice_user_rtl.css) unter dem Verzeichnis (C:\Tomcat\webapps\WebOffice\pub\client_core\styles\) eingebunden. Die CSS-Datei mit dem Zusatz _rtl bezieht sich auf Benutzermenüs welche in der Struktur von Rechts nach Links aufgebaut sind. Die standardmäßig definierten CSS-Definitionen können dabei vom Benutzer zur Individualisierung aller WebOffice core Client Projekte überschrieben werden.
Hinweis: Standardmäßig sind in diesem Verzeichnis schon zwei leere CSS-Dateien angelegt. Zur Benutzung dieser CSS-Dateien muss der Unterstrich am Beginn des Dateinamen entfernt werden.
Projektspezfische Individualisierungen
Bei der projektspezifischen Individualisierung kann eine Anpassung der CSS-Definitionen für das jeweilige WebOffice core Client Projekt durchgeführt werden. Auch in diesem Fall können zwei verschiedene CSS-Dateien (<Project-Skin-Name>.css und für Rechts nach Links Benutzermenüs <Project-Skin-Name>_rtl.css) unter dem Verzeichnis (C:\Tomcat\webapps\WebOffice\pub\client_core\styles\) angelegt werden. Die standardmäßig definierten CSS-Definitionen können dabei vom Benutzer zur Individualisierung des Projekts überschrieben werden.
Reihenfolge der CSS Individualisierungen
Grundsätzlich werden die folgenden CSS Dateien in der nachfolgenden Reihenfolge im WebOffice Verzeichnis (\pub\client_core\styles\) geladen.
| • | weboffice_user.css (wird geladen falls CSS Datei vorhanden) |
| • | weboffice_user_rtl.css (wird geladen falls CSS Datei vorhanden und es sich um ein Rechts nach Links Benutzermenü handelt) |
| • | <Project-Skin-Name>.css (wird geladen wenn der Projekt-Skin im Projekt definiert ist und die entsprechend benannte CSS-Datei vorhanden ist) |
| • | <Project-Skin-Name>_rtl.css (wird geladen wenn der Projekt-Skin im Projekt definiert ist, die entsprechend benannte CSS-Datei vorhanden ist und es sich um ein Rechts nach Link Benutzermenü handelt) |
Hinweis: Nähere Details zur Konfiguration des Project-Skin im WebOffice core Projekt finden Sie im Kapitel Kundeninformationen.
Hinweis: Bitte beachten Sie, dass CSS-Definitionen von früher geladenen CSS-Dateien werden bei Bedarfsfall durch die neueren CSS-Dateien überschrieben werden.