Different color for field when non editable ?

Classic Servoy
1

Hello,

I would like use the functionnality that allows that fields with property “editable” unchecked don’t have the same background color ?

This is working only with the following style that I received with last version of SERVOY demo apllication :

field
{
	background-color: transparent;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #c8c8b4;
	text-align: left;
	margin: 1px 5px 1px 5px;
	font-family: Tahoma;
	font-size: 11;
	color: #323232;
}

field.b_right
{
	border-width: 0px 1px 0px 0px;
}

field.bold
{
	font-weight: bold;
}

field.noedit
{
	background-color: #128c4c;
	color: #666666;
}

field.noborder
{
	border-style: none;
	background-color: transparent;
	border-style: none;
	border-width: 0px 0px 0px 0px;
}

field.combo
{
	background-color: transparent;
	color: transparent;
}


field.nomargin
{
	border-style: none;
	margin: 0px 0px 0px 0px;
}

tabpanel
{
	font-family: Tahoma;
	font-size: 11;
}

tabpanel.noborder
{
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}

portal
{
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	font-family: Tahoma;
	font-size: 11;
	color: #ccccff;
}

label
{
	background-color: none;
	border-style: none;
	text-align: left;
	font-family: Tahoma;
	font-size: 11;
	color: #323232;
	margin: 1px 5px 1px 5px;
}

label.field
{
	text-align: right;
	color: #7289AB;
}

label.left
{
	text-align: left;
	color: #7289AB;
	font-weight: bold;
}

label.bold
{
	font-weight: bold;
}

label.noborder
{
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}

label.small
{
	font-size: 9;
}

label.dialogtitle
{
	font-size: 12;
	font-weight: bold;
}

label.headerblue
{
	background-color: #7289AB;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}

label.headergrey
{
	background-color: #E9E7DA;
	color: #323232;
	font-weight: bold;
	text-align: left;
}

label.listline
{
	border-width: 1px 1px 1px 1px;
	border-color: #c8c8b4;
}

button
{
	text-align: center;
	font-family: Tahoma;
	font-size: 11;
	color: #323232;
}

button.headerblue
{
	background-color: #7289AB;
	color: #ffffff;
	border-style: none;
}

button.headerGrey
{
	background-color: #E9E7DA;
	color: #323232;
	border-style: none;
}

button.noborder
{
	border-style: none;
	border-width: 0px 0px 0px 0px;
}

form
{
	background-color: #F0F0EB;
}

This is not linked to the style.class : field.noedit because when I changed the color on that line , I don’t receive the color.

But with that style, the simple fact of check/uncheck the editable property of the fields changes its background color on the screen.

How is it working ? Is there someone that can explain me?

Thanks in adavance.

DomTom.

2

DomTom - make sure that the field you’re applying the style to is NOT set to “transparent”.