This chapter shows how to customize styles in CSS files.

 

General customizing

The general customizing of the CSS definitions affects all projects within your WebOffice 10.9 R3 application. There exists one CSS file that can be used by the WebOffice map widget, SynServiceClientStyles_user.css (C:\Tomcat\webapps\<WebOffice application>\client_mapwidget\Styles). The default CSS definitions from SynServiceClientStyles.css can be overwritten in the user defined CSS file SynServiceClientStyles_user.css for customizing your WebOffice map widget projects.

 

The following example changes the style of the Maptip result in the WebOffice map widget. Open SynServiceClientStyles_user.css and enter the following input:

 

#maptipContainer {

   background-color: #000066;

   border: 2px solid black;

   color: black;

}

 

#maptipHeader {

   color: white;

}

 

.odd {

   background-color:#ffcc99;

}

.even {

   background-color:#ffff99;

}

 

Changing the style of Maptip result in WebOffice map widget

Changing the style of Maptip result in WebOffice map widget

 

icon_cross-reference

After Deleting the Browser Cache and refreshing the WebOffice map widget, the old style will be overwritten with the new style from SynServiceClientStyles_user.css.