Navigation:  Kurzanleitungen > Wie individualisiert man ... > WebOffice core Client > Individualisierung des Layouts > Splashscreen

Der WebOffice core Client besitzt beim initialen Laden des Projektes 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 Initialisierungslogo (bewegendes Objekt)*/

.splashscreen #load

{

background-color: #FDCA09;

}

/*# Anpassung der Farbe der Intialisierungsmeldungen (noch nicht abgeschlossen)*/

.load_msg_id

{

color: #FDCA09;

}

/*# Anpassung der Farbe der Intialisierungsmeldungen (abgeschlossen)*/

.load_msg_id_done

{

color: #FDCA09;

}

 

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>).

 

Hinweis: 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 Applikation angepasst. Dies erfolgt durch Erstellung bzw. Anpassung einer CSS-Datei unter dem folgendem Pfad: /pub/client_core/styles/weboffice_user.css

 

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.