Combobox borderType property

Classic Servoy
1

I have a field with displayType COMBOBOX. Setting the borderType property to DEFAULT draws a line around the field seen on the left side of the image. Setting borderType to empty, the still remains a line on top and sides of the object (not so on the bottom), seen on the right side of the image.

How can I suppress this line completely or make it transparent? Looks like a bug to me for the setting borderType: empty. It’s displayed the same on Chrome, Safari, and Firefox (as seen in the image).

Can I style this surrounding line in the css style file?

Servoy 8.1.4

Thanks for hints and regards,

combobox borderType.png

2

Hi,

You can style this by setting the box-shadow property in a styleClass.
For example:

.noShadowForCombo > div > span {
    box-shadow: none;
}

After that add the styleClass property “noShadowForCombo” on the combobox element.

3

Hi Rene

That is what I was looking for - thanks very much!
I used for the default field style box-shadow: unset; but did not realise that for the combobox it additionally needs > div > span. By the way, is there a Servoy relevant difference between unset and none?

rvanveen:
Hi,

You can style this by setting the box-shadow property in a styleClass.
For example:

.noShadowForCombo > div > span {

box-shadow: none;

}




After that add the styleClass property "noShadowForCombo" on the combobox element.

Regards,

4

There is no Servoy relevant difference between unset and none.
It is really css logic/styling what will apply to this.

5

Thanks.

rvanveen:
There is no Servoy relevant difference between unset and none.
It is really css logic/styling what will apply to this.