Navigation:  How To > How to Customize ... > WebOffice core Client > Splashscreen

It is possible to customize the splashscreen for starting a WebOffice 10.4 SP2 project with the WebOffice core client by editing the CSS files.

 

 

There are two options for customizing the default splashscreen of the WebOffice core client:

•project specific customizing

•general customizing

 

The individualisation is based on CSS classes. More information about the used CSS files you can find in the following chapters.

 

Example for customizing the splashscreen of the WebOffice core client:

Individualisation of the background color (grey with 0.4 opacity)

.splashscreen {

   background-color: rgba(211, 211, 211, 0.4);

}

Individualisation of the initial logo

.splashscreen #splashimage

{

background-image: url( ../../images/logo_synergis.png);

}

Individualisation of font and logo color of the initialisation area

# Change of color of the initialisation logo (rotary object)

.splashscreen #load

{

background-color: #FDCA09;

}

# Change of font color of initialisation messages (incomplete)

.load_msg_id

{

color: #FDCA09;

}

# Change of font color of initialisation messages (complete)

.load_msg_id_done

{

color: #FDCA09;

}

 

 

Project specific customizing

The project specific customized splashscreen will only affect a corresponding WebOffice 10.4 SP2 project and will be executed by adjusting the CSS file in /pub/client_core/styles/<Project-Skin-Name>.css . The name of the CSS file has to correspond with the configured project skin.

 

Note: Please find more details for the configuration of the project skin in WebOffice core project in Customer Information.

 

General Customizing

The general customized splashscreen affects all projects in your WebOffice 10.4 SP2 application and will be executed by adjusting the CSS file in /pub/client_core/styles/weboffice_users.css