Different CSS for even, odd and selected

Classic Servoy
1

I have some styles for tabpanels and I would like to have styles for odd, even and selected for each style. How can I get this?

Thanks.

2

Like this but only on Servoy 6:

form.table
{
	background-color: #f5f5f5;
	border-style: solid; 
	border-width: 1;
	border-color: #cccccc;
}
form.table odd
{
	background-color: #ffffff;
}
form.table even
{
	background-color: #edf3fe;
}
form.table selected
{
	background-color: #ccccff;
}

and:

portal
{
	background-color: #b3b3b3; 
	border-style: empty; 
}
portal odd
{
	background-color: #ffffff;
}
portal even
{
	background-color: #edf3fe;
}
portal selected
{
	background-color: #ccccff;
}

I love this new feature, it saves a lot of CPU time wasted in rowBGCalc.

3
  • 1
4

There is one caveat, IMHO

I have three different form styles, which I use now. (all different background, border etc…)
But on all forms, I want to have the same CSS for even odd & selected.

So I have to add these subclasses to these 3 form styles, and maintain all three of them?
There is no way, to have one CSS and use it for all?

5

Have you checked the release notes on this topic? https://wiki.servoy.com:8443/display/beta/New+in+this+release#Newinthisrelease-FormDesign

Odd/even/selected classes defined without being prefix will control the styling globally.

Paul

6

ah, thanks for the update!!

7

If I have a form called “my_form” , what odd / even CSS can I write to apply only to that one form ?

I would like to keep one CSS for the entire solution

Also, why does the CSS default start with "odd, even, selected { " ? does this apply to every row ? it seems redundant

Also, I was unable to find any reference to “odd, even, or selected” in the Wiki as Supported CSS style properties

( note: The “release notes” posted are password protected )

thanks
greg

Have you checked the release notes on this topic? https://wiki.servoy.com:8443/display/be … FormDesign

Odd/even/selected classes defined without being prefix will control the styling globally.

8

gdurniak:
If I have a form called “my_form” , what odd / even CSS can I write to apply only to that one form ?

I would like to keep one CSS for the entire solution

You can’t. You need to have a separate style sheet for that form.

gdurniak:
Also, why does the CSS default start with "odd, even, selected { " ? does this apply to every row ? it seems redundant

Put stuff you want to apply to all rows in the first declaration. For example:

/* row background */
odd,even,selected {
	border: 0px solid #EFEFEF;
	border-bottom-width: 1px;
}

odd {
	background-color: #FFFFFF;
}

even {
	background-color: #FBFBFB;
}

selected {
	background-color: #BED7F7;
}
9

I think I found the answer here:
viewtopic.php?f=22&t=17615

If I define a special Form “Style Class” ( subclass ) within the Default CSS, I can then select it for just one form

greg

10

gdurniak:
I think I found the answer here:
viewtopic.php?f=22&t=17615

If I define a special Form Style Class within the Default CSS, I can then select it for just one form

greg

Yay, cool.