CSS in the framework

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

[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%;
}

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.

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