Matrix layout: Spacer that adapts to different font sizes in browser

[karsten_heth]

Hi experts,

in a view of my web dynpro component I'm having two groups with matrix layout.

These two groups should look like this:

========== ========== ! group1 ! ! group2 ! ========== ========== ! line 1 ! ! line 1 ! ! line 2 ! ! line 2 ! ! line 3 ! ! ! line 4 ! ! line 3 ! ========== ==========

The challenge: Line 3 of the second group should have exactly the same vertical

position as line 4 of the first group.

Currently I'm using an invisible element and set the height of the empty line to 21px,

but if the user sets another font size in his browser, the last lines are no longer on the

same vertical position.

Is there a solution for this problem?

Regards,

Karsten

[Former Member · Accepted solution]

Hello there,

you can use table ui for your purpose....and take out the horizontal grid if you do not want show them...

Thanks...

AS.

[karsten_heth · Accepted solution]

Hi AS,

for optical reasons I would prefer groups, and not a table ui.

I found a solution which works quite well:

- I put the two groups in a matrix layout

- The groups themselves have matrix layout, too

- The groups have a height of 100%

- The empty row was filled with an invisible element

- I set the stretchedVertically property of the layout of the two groups to true

Regards,

Karsten