working with panelGrid

[chen young]

Hi,

My main page contain one grid panel with 2 columns
The first group panel represent the menu bar and the second will contain the other jsf pages.

1) How can I align both panels on the same height
2) How can I show the first panel on the first 20% of the screen and the second on the rest 80% ?

Thanks

      <f:view id ="ss">
                    <t:panelGrid id="main_container" columns="2" >
                        <t:panelGroup id="menu" >
                            <t:div id="subnavigation_outer">
                                <t:div id="subnavigation">
                                    <f:subview id="menu_bar">
                                        <ui:include src="menu_bar.xhtml"/>
                                    </f:subview>
                                </t:div>
                            </t:div>
                        </t:panelGroup>
                        <t:panelGroup id="tools">
                            <c:if test="${navigationMenu.menuName == 'test'}">
                                <f:subview id="test">
                                    <ui:include src="hello.xhtml" />
                                </f:subview>
                            </c:if>  
                            <c:if test="${navigationMenu.menuName == ''}">
                                <ui:include src="" />
                            </c:if>  
                        </t:panelGroup>
                    </t:panelGrid>
                </f:view>

[Tim Holloway]

Use CSS. JSF doesn't re-invent display formatting services when it can use existing functionality and stuff like this is what css is all about.

You can do this sort of basic tiling using the core JSF panelGrid by specifying "columnClasses" attribute and defining 2 CSS classes, one for the menu pane and one for the content pane. Adjust their widths (and other visual attributes) as desired.

[chen young]

Thank you