Splashscreen
Der WebOffice core Client besitzt beim initialen Laden des Projekts die Möglichkeit zur Individualisierung des Splashscreens. Der Splashscreen kann über den Gebrauch von CSS-Dateien verändert werden.
Zur Veränderung des standardmäßigen Splashscreen des WebOffice core Client gibt es grundsätzlich zwei Methoden:
•projektspezifische Anpassung
•generelle Individualisierung
Für die Individualisierung werden die verwendeten CSS-Klassen mit den individualisierten Teilen überschrieben. Nähere Informationen zu den verwendeten CSS Dateien finden Sie in den nachfolgenden Kapiteln.
Beispiel einer möglichen Individualisierung des Splashscreens des WebOffice core Clients:
/*Individualisierung der Hintergrundfarbe (Hellgrau mit 0.4 Deckkraft)*/
.splashscreen {
background-color: rgba(211, 211, 211, 0.4);
}
/*Individualisierung des Initialisierungslogo*/
.splashscreen #splashimage
{
background-image: url(../../images/logo_vertigis.png);
}
/*Individualisierung der Schrift und Logofarbe des Initialisierungsbereiches
# Anpassung der Farbe des Initialisierungslogos (bewegendes Objekt)*/
.splashscreen #load
{
background-color: #138943;
}
/*# Anpassung der Farbe der Initialisierungsmeldungen (noch nicht abgeschlossen)*/
.load_msg_id
{
color: #138943;
}
/*# Anpassung der Farbe der Initialisierungsmeldungen (abgeschlossen)*/
.load_msg_id_done
{
color: #138943;
}
Projektspezifische Individualisierung
Bei der projektspezifischen Individualisierung wird der Splashscreen für das jeweilige Projekt angepasst. Dies erfolgt durch Erstellung bzw. Anpassung einer CSS-Datei unter dem folgenden Pfad: /pub/client_core/styles/<Project-Skin-Name>.css
Bei der projektspezifischen Anpassung muss der Name der CSS-Datei mit dem Namen des Projekt-Skins im konfigurierten Projekt übereinstimmen (Projekt-Skin: <Project-Skin-Name>).
|
Nähere Details zur Konfiguration des Project-Skin im WebOffice core Projekt finden Sie im Kapitel Kundeninformationen. |
Allgemeine Individualisierung
Bei der allgemeinen Individualisierung wird der Splashscreen für alle Projekte innerhalb der WebOffice core Anwendung angepasst. Dies erfolgt durch Erstellung bzw. Anpassung einer CSS-Datei unter dem folgendem Pfad: /pub/client_core/styles/weboffice_user.css
|
•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. •Damit die Änderungen nach einer Änderung sichtbar werden, muss der Cache des Browsers gelöscht werden. |
Individualisierter Splashscreen im WebOffice core Client