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

Splashscreen

Previous pageReturn to chapter overviewNext page

Der WebOffice core Client besitzt beim initialen Laden des Projektes die Möglichkeit zur Individualsierung des Splashscreens. Der Splashscreen kann über den Gebrauch von CSS-Dateien verändert werden.

 

Standardmäßiger Splashscreen im WebOffice core Client

Standardmäßiger Splashscreen im WebOffice core Client

 

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 verwendeteten CSS-Klassen mit den individualisierten Teilen überschrieben. Nähere Informationen zu den verwendeten CSS Dateien finden sie in den nachfolgenden Kapitel.

 

Beispiel einer möglichen Individualisierung des Splashscreens des 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_synergis.png);

}

Individualisierung der Schrift und Logofarbe des Initialiserungsbereiches

# 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;

}

 

Projektspezfische 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 Individualsierung

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 folgenden Pfad /pub/client_core/styles/weboffice_user.css

 

Individualisierter Splashscreen im WebOffice core Client

Individualisierter Splashscreen im WebOffice core Client