How to make a CSS for a field...

Classic Servoy
1

with matte-border…only a border on left, right, bottom…width 1 px…with a color.

I have tried several things:

field.blah
{
	background-color: #ffffff; 
	border-style: solid;
	font: 11pt "Verdana"; 
	text-align: left; 
	border-width: 0px 1px 1px 1px;
	border-color: #999999,#999999,#999999,#999999;
}

Doesn’t create any border at all

field.blah
{
	background-color: #ffffff; 
	border-style: solid;
	font: 11pt "Verdana"; 
	text-align: left; 
	border-width: 2px 2px 2px 2px;
	border-color: #999999,#999999,#999999,#999999;
}

Create a border with 2px

field.blah
{
	background-color: #ffffff; 
	border-style: solid;
	font: 11pt "Verdana"; 
	text-align: left; 
	border-width: 1px 1px 1px 1px;
	border-color: #999999,#999999,#999999,#999999;
}

Doesn’t create any border at all

All the other border-style also dont satisfy me…
Am I missing something…or…

Servoy Developer
Version R2 2.2.3-build 335
Java version 1.5.0_05-b05 (Windows 2000)

2 
field.blah
{
	background-color: #ffffff; 
	border-style: solid;
	font: 11pt "Verdana"; 
	text-align: left; 
	border-width: 0px 1px 1px 1px;
	border-color: #999999,#999999,#999999,#999999;
}

I think the commas between the colours is causing the problem. Also, since it looks like you want the same colour all the way round you can simplify to

field.blah
{
	border-color: #999999;
}

Also, make sure the border property is set to DEFAULT.

Hope this helps,

Christian

3

everything is set to DEFAULT…
and tried

field.blah 
{ 
   border-color: #999999; 
}

but no result

4

Hi tweetie,

Servoy Developer
Version R2 2.2.3-build 335
Java version 1.5.0_05-48 (Mac OS X)

I put the following into a style and it worked for me on the above platform:

field.blah 
{ 
   background-color: #ffffff; 
   border-style: solid; 
   font: 11pt "Verdana"; 
   text-align: left; 
   border-width: 0px 1px 1px 1px; 
   border-color: #999999; 
}

I have attached a screen shot which includes the style editor window and the form in the background with the field and properties showing.

Hope that this will help :slight_smile:

Cheers
Harry

Picture 1.png
Picture 1.png972×721 114 KB

5

Hi Tweetie,

one thought: you may have an error somewhere earlier in your style sheet which is causing it to fail…

6

I removed all other css styles…and now it works…so I gues you are right…
The error was somewhere in the css there was this style:
font: 11pt “Verdana”;
the quotes caused the problem.

Thankx everyone

swingman:
Hi Tweetie,

one thought: you may have an error somewhere earlier in your style sheet which is causing it to fail…