Eclipse Community Forums: Remote Application Platform (RAP)

Home » Eclipse Projects » Remote Application Platform (RAP) » Multi line headers in table columns

Multi line headers in table columns [message #901764]

Tue, 14 August 2012 09:42

Eclipse User

Since RAP 1.5 [1] it's possible to add line breaks to the header of a table column. The header is always center aligned in the vertical direction. Is it possible to align the header differently?

The header cell containing the most line breaks gets the padding defined in the CSS file under TableColumn->padding. Other header cells containing less line breaks have a higher top padding value. However, I couldn't find out where the calculation is done in the RAP code. Can you give me a hint?

[1] http://www.eclipse.org/rap/noteworthy/1.5/

[Updated on: Tue, 14 August 2012 09:42] by Moderator

Re: Multi line headers in table columns [message #901950 is a reply to message #901764]

Wed, 15 August 2012 05:19

Eclipse User

Hi!

> Since RAP 1.5 [1] it's possible to add line breaks to the header of a
> table column. The header is always center aligned in the vertical
> direction. Is it possible to align the header differently?

Right now it's not. There is a bug for that:
https://bugs.eclipse.org/bugs/show_bug.cgi?id=361796

However, a leading line break is respected, so you can at least get a
bottom alignment if you only have columns with two and one line break.
(e.g. "My\nText" and "\nMyText")

>
> The header cell containing the most line breaks gets the padding defined
> in the CSS file under TableColumn->padding. Other header cells
> containing less line breaks have a higher top padding value.

Uhmmm, no. The padding should be the same for all column header. If the
header is higher than content+padding+border, the content is centered
within the area left after subtracting border and padding. That is
hardcoded (right now) in the javascript code.

Or do you mean something different?

Greetings,
Tim

--
Tim Buschtöns

Twitter: @EclipseRAP
Blog: http://eclipsesource.com/blogs/

Professional services for RAP and RCP?
http://eclipsesource.com/services/rap/

Re: Multi line headers in table columns [message #901995 is a reply to message #901950]

Wed, 15 August 2012 08:35

Eclipse User

Hi Tim,

Quote:

Right now it's not. There is a bug for that:
https://bugs.eclipse.org/bugs/show_bug.cgi?id=361796

I'm aware of this bug. We've already applied the submitted patch to enable vertical alignment in table columns.
However, I need to define a different vertical alignment for the table header and for the other cells in the table column.

Quote:

Uhmmm, no. The padding should be the same for all column header. If the
header is higher than content+padding+border, the content is centered
within the area left after subtracting border and padding. That is
hardcoded (right now) in the javascript code.

If you have a header with 3 columns each containing a header text with 1, 2 or 3 lines respectively, the CSS property "top" for positioning of the header text has a different value for each case. That's why I guessed that the calculation of the position must be done somewhere, which finally results in a center alignment (the CSS property text-vertical-align is NOT used).

Could you tell me in which Javascript file the position of the header text is calculated?

Re: Multi line headers in table columns [message #902188 is a reply to message #901995]

Thu, 16 August 2012 05:29

Eclipse User

Hi!

> If you have a header with 3 columns each containing a header text with
> 1, 2 or 3 lines respectively, the CSS property "top" for positioning of
> the header text has a different value for each case. That's why I
> guessed that the calculation of the position must be done somewhere,
> which finally results in a center alignment (the CSS property
> text-vertical-align is NOT used).

Yes, all HTML elements in RAP always get absolute css positions, the top
property is the result of all the aforementioned calculations.

>
> Could you tell me in which Javascript file the position of the header
> text is calculated?

That code is shared between many widgets, so it wouldn't be a good idea
to change that. If you want to change the default vertical alignment,
you could try to edit Table.appearance.js/Tree.appearance.js, which have
a "tree-column"/"table-column" map. There a line like
result.verticalChildrenAlign = "bottom";
*might* do what you want. I did not test it.

Greetings,
Tim

--
Tim Buschtöns

Twitter: @EclipseRAP
Blog: http://eclipsesource.com/blogs/

Professional services for RAP and RCP?
http://eclipsesource.com/services/rap/

Previous Topic:	ImageRegistry is not serializable
Next Topic:	How to do a loading page

Goto Forum:

-=] Back to Top [=-

Current Time: Fri Jul 25 09:13:08 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter