Hi everyone!
I’m using Vaadin Framework 8.5.1.
I have the following situation. 3 grids (let’s name ‘A’, ‘B’ and ‘C’). The ‘A’ grid is the main grid and when I select 1 item from it, the 2 other grids, ‘B’ and ‘C’ display the details (two lists) on the right side of the main grid (‘C’ is under the ‘B’ grid). The problem is I cannot set the 2 side details grids height properly. I tries HorizontalSplitPanel for the grids parent container, first component the ‘A’ grid, the second component is a VerticalLayout with ‘B’ and ‘C’ grids. I tried with GridLayout, the ‘A’ grid use the 0,0,0,1 columns and rows, ‘B’ add to cell 1,0 and ‘C’ to 1,1. I tried setHeightMode(HeightMode.UNDEFINED) and HeightMode.ROW and HeightMode.CSS, I used setHeight(“150px”), but the result always shows a too height ‘B’ grid which either push down the ‘C’ grid or ‘B’ flows under the ‘C’ grid.
What am I doing wrong? Maybe the parent container(VerticalLayout) is the problem?
Thanks in advance!
------------------------------------
| | B |
| | |
| A |----------|
| | C |
| | |
------------------------------------