css styles from 6.0.7 not working in 6.1.2

Classic Servoy
1

Hi,

I have imported my Servoy 6.0.7 solution into Servoy 6.1.2 and now the css styles doesn’t work.
Is there anything I have to think about or to do? It would be nice if I can use the “old” styles and don’t have to create them new for my whole solution.

Regards,

2

which css styles, are you talking about?

the standard css inside Servoy? or the alternative one on ServoyForge?
And maybe you can explain, what exactly does not work?

3

Hi Harjo,

I’m using the standard css inside Servoy.
In the form property styleName is set my style, but i can’t select the styleClass for e.g. a dataProvider field. Here an example:

field.border.blk.9.left
{
	background-color: #DEDEDE; 
	border-style: solid; 
	border-width: 1px 1px 1px 1px;
	border-color: #AEAEAE #AEAEAE #AEAEAE #AEAEAE;
	vertical-align: middle; 
	font: 9pt "Verdana"; 
	color: black;
	text-align: left; 
	margin: 0,5px 0,5px 0,5px 2px; 
}
field.border.blk.10.left
{
	background-color: #DEDEDE; 
	border-style: solid; 
	border-width: 1px 1px 1px 1px;
	border-color: #AEAEAE #AEAEAE #AEAEAE #AEAEAE;
	vertical-align: middle; 
	font: 10pt "Verdana"; 
	color: black;
	text-align: left; 
	margin: 0,5px 0,5px 0,5px 2px; 
}
field.border.blk.10.right
{
	background-color: #DEDEDE; 
	border-style: solid; 
	border-width: 1px 1px 1px 1px;
	border-color: #AEAEAE #AEAEAE #AEAEAE #AEAEAE;
	vertical-align: middle; 
	font: 10pt "Verdana"; 
	color: black;
	text-align: right; 
	margin: 0,5px 0,5px 0,5px 2px; 
}

I don’t get the choice to select the styleClass in the field property!?

Regards,

4

I could figure out that the problem ist the format

field.border.blk.9.left
{}

If I change it to

field.border_blk_9_left
{}

the styleClass is working in Servoy 6.1.2.

For me now the nightmare begins…

5

Would this be a bug that should be fixed, or is this more like a naming convention that shouldn’t have worked, but for some reason, did, until now?

I’m thinking it’s probably the latter, but I’d be curious to find out from someone more knowledgeable than me.

Ron

6

. (dot) in CSS denotes a class, so it cannot be used inside the name of a class.

field.border.blk.9.left would mean : field with class border with class blk with class 9 with class left.

The new parser used in Servoy 6.1 is the one I use for Velocity, and it is much more CSS compliant, so what cannot work in a browser will certainly not work in Servoy.

7

Thanks, Patrick. :)

Have a good weekend.

Ron

8

CSS naming convention would be:

field.border-blk-9-left