Replacing default element images

In order to replace default element images you need to modify servoy default css. See Customizing the Web Client for more info. The following examples are css classes that can be added in default css in order to modify default images.

Replace the calendar field image:

.calendar img {
    background: url("http://www.servoy.com/developer/6xx_intro/resources/servoy_donut16x16.ico") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 0;
    padding: 8px;
    width: 0;
}

Replace accordion open/closed image

.ui-state-default .ui-icon {
    background-image: url("http://www.servoy.com/developer/6xx_intro/resources/servoy_donut16x16.ico") !important;
    background-position: 0 center;
}
.ui-state-default .ui-icon {
    background-image: url("http://www.servoy.com/developer/6xx_intro/resources/servoy_donut16x16.ico") !important;
    background-position: 0 center;
}

Replace db treeview node image (this can be also done from scripting)

.icon-panel img {
    background: url("http://www.servoy.com/developer/6xx_intro/resources/servoy_donut16x16.ico") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 0;
    padding: 8px icon-panel !important;
    width: 0;
}

Child pages

Replacing default element images