Missing table header bottom line

Classic Servoy
1

Hi

On forms having table view (locked), the bottom grey line on the table header, which separates the header title from the following records in the list, is missing. It used to be there but got lost in a recent Servoy version. I would like to ask to restore it, please.

Servoy 7.4.4
OS X 10.10.5
Java 1.8.0_65

Regards,

missing table header line.png
missing table header line.png741×209 8.59 KB

2

Hi Robert,

you can create a CSS style like the following and put this style to all headers.That way, you can control also the lower border lines of all headers, which make then a line.
When you put the header labels to not transparent, they also have a colored background.

label.table_header{
color: black;
background-color: #cbd7e2;
text-align: left;
border-style: solid;
margin: 0px 4px 2px 4px;
border-color: #cbd7e2 silver silver #cbd7e2;
border-width: 0px 1px 2px 0px;
}

For colors and their combinations, have a look at http://www.colourlovers.com/palettes

Same is true for the table rows, you can create similar styles for them and control every aspect of their appearance that way.

3

Hi Bernd

Thanks. Currently, we do not use labels for table view headers but use the standard rendering of table view headers without labels. That is what I was referring to in my post. As until not long ago, Servoy rendered a line below the table view titles. Your tip works when having assigned labels in the labelFor property (what we don’t have).
I would have to find an somewhat easy way to dynamically assign labels to fields in our forms, but don’t have a spontaneous idea how to do that. Each of our fields has already an i18n key in the titleText property.

Best regards,

Bernd.N:
Hi Robert,

you can create a CSS style like the following and put this style to all headers.That way, you can control also the lower border lines of all headers, which make then a line.
When you put the header labels to not transparent, they also have a colored background.

label.table_header{
color: black;
background-color: #cbd7e2;
text-align: left;
border-style: solid;
margin: 0px 4px 2px 4px;
border-color: #cbd7e2 silver silver #cbd7e2;
border-width: 0px 1px 2px 0px;
}

For colors and their combinations, have a look at http://www.colourlovers.com/palettes

Same is true for the table rows, you can create similar styles for them and control every aspect of their appearance that way.

4

I would consider to make the step to explicit header labels, as then you have full control over the appearance and style everything for your users (see sample).

It might be Servoy developers would hesitate to set in the line again, as they would argue that everything is possible with CSS now.

header sample.jpg
header sample.jpg577×133 19.4 KB

5

Hi Bernd

It would be great if the (automatically generated) table view headers would be directly accessible via CSS style, just like “form.grid odd” for example. To be forced to create a label just to be able to style a field is a bit odd, it seems. At least to me.

Anyway, Servoy is a tool to make great UIs, even in it’s default form, is it ,-?

Best regards,

Bernd.N:
I would consider to make the step to explicit header labels, as then you have full control over the appearance and style everything for your users (see sample).

It might be Servoy developers would hesitate to set in the line again, as they would argue that everything is possible with CSS now.

6

Hi Robert,
I even did not know that a table view is possible without label headers, as I learned it only with them.
Yes I agree, I can not imagine not to work with Servoy any more. :)