rich:panelMenu covers my other component

[toytoytoy]

Hey there,

I have a panelGrid, with a header, menu (left), work (right) area, and footer. My problem is that if i open my menuGroup(s), the menu gets underneath its borders (the containing grids borders), and covers the footer. I cant figure out a way the solve this, becouse i cant make it eather scollable, and i also cannot make the containing grids height dynamic... i dont even know what im expecting fot a good behaivor, but its obv not good this way :-)

Am i missing something here?

thx
Martin

[nbelaevski]

Hi,

Please post screenshot and page code.

[toytoytoy]

the first page is the closed menu, then the menu when its opened. you can see how the menu covert the footer.

ive also tried to copy only the relevant code here:

<t:panelGrid id="main" columns="1" styleClass="mainFrame"
    cellpadding="0" cellspacing="0">
    <h:form id="StatusForm">
        .
        .
        . some not relevant code
        .
        .
    </h:form>

    <t:panelGrid columns="2" border="0" cellpadding="0" cellspacing="0">
        <h:form id="MenuForm">
            <t:panelGroup styleClass="menu">
                <rich:panelMenu style="width:195px" mode="ajax"
                    iconExpandedGroup="triangleDown" iconCollapsedGroup="triangle"
                    iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right"
                    iconCollapsedTopGroup="chevronDown">
                    <rich:panelMenuItem label="#{msg.button_exit}"
                        action="#{menuBean.logout}" />
                    .
                    .
                    . some not relevant code
                    .
                    .
                </rich:panelMenu>
            </t:panelGroup>
        </h:form>
        <t:panelGroup>
            <rich:panel id="work" styleClass="workPanel"
                style="overflow-y:auto;">
                <a4j:include viewId="#{menuBean.workPanel}" />
            </rich:panel>
        </t:panelGroup>
    </t:panelGrid>

    <t:panelGrid styleClass="mainFooter" columns="2"
        style="height: 25px; width: 100%">
        .
        .
        . some not relevant code
        .
        .
    </t:panelGrid>
</t:panelGrid>