CSS in the framework

Classic Servoy
1

Hi,

In the new version of the framework I am seeing styles in the CSS files in the following format:

[svy-formstyle].bg {
	background-image: url("pv_bg_calm.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

Can anyone tell me what the [svy-formstyle] bit refers to please and how it is used?

Thanks
Steve

2

[svy-formstyle].bg targets all forms having the ‘bg’ styleClass. [svy-formstyle] targets the html elements having attribute svy-formstyle.
Servoy now provides a generic class selector for the form : ‘svy-form’.
An equivalent and cleander CSS rule would be:

.svy-form.bg {
background-image: url(“pv_bg_calm.png”);
background-repeat: no-repeat;
background-size: 100% 100%;
}

3

Thanks Paolo. I wondered if I could just replace it with the rule format you described and will be using that in my own stylesheets now.

4

Hi Steve,

sure that is possible. Please keep in mind that if you modify the source files of the frmwk you may lose your changes when you will perform a frmwk upgrade