Skip to Content
avatar image
Former Member

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

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?



Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    avatar image
    Former Member
    Jun 22, 2009 at 04:10 PM

    Hello there,

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



    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      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