I used a panelBorderLayout to layout my page.
The left facet contains a panelBox for navigation.
Unfortunately the rendering of panelBorderLayout makes it very hard
to have my navigation panelBox 100% height (which is a client requirement).
panelBorderLayout puts the "left" facet in a <td>, but that cell does
not have 100% set.
Therefore setting the cell's content (my panelBox) to height:100%
has no effect at all.
Heavy usage of firebug resulted in a solution, but that is hacky and only
works in firefox:
Set a style class: <tr:panelBorderLayout styleClass="myPanelBorder">
Use child selectors to modify the td height:
.myPanelBorder > tbody > tr > td {
height: 100%;
}
Isn't that ugly.
Two possible soltuions:
- Change the panelBorderLayout render, so that it always gives the td's
height:100%. I don't see any disadvantages in that. The child (facet)
is then free to use that height or not.
- Make the panelBorderLayout skinnable.
What do you think?
