Submenu p:tieredMenu do Primefaces aparece cortado

Colegas,

No template abaixo crio um model="#{menuBean.model}" />
O problema é que esses subitens estão ficando cortados, por tras da
layoutUnit do conteudo, queria que ela ficasse por cima e não cortada
como está.
Como posso alterar isso?

Muito obrigado,

Marques

O template:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
        <title><h:outputText value="#{msg.app_owner}"/></title>
        <style type="text/css">
            body {background-color: #eeeeee; font-size: 12px}
        </style>
    </h:head>

    <h:body>
        <div align="center">
            <p:layout style="min-width:1020px;max-width:1020px;min-
height:600px">
                <p:layoutUnit position="north" size="100">
                    <h:graphicImage url="/tema/imagens/topo.jpg" />
                </p:layoutUnit>

                <p:layoutUnit position="west" size="220" >
                    <ui:insert name="menu">

                        <h:form>
                                <p:tieredMenu style="width: 200px"
model="#{menuBean.model}" />
                        </h:form>

                    </ui:insert>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <ui:insert name="centro">
                        O que estiver aqui será substituido!
                    </ui:insert>
                </p:layoutUnit>
            </p:layout>
        </div>
    </h:body>
</html>

O managed bean usado para polular o menu:

@ManagedBean(name="menuBean")
@ViewScoped
public class MenuBean extends BaseBean {
        private static final long serialVersionUID = 1L;
        private MenuModel model;

        public MenuBean() {
                FacesContext facesCtx = FacesContext.getCurrentInstance();
        ELContext elCtx = facesCtx.getELContext();
        ExpressionFactory expFact =
facesCtx.getApplication().getExpressionFactory();

                //First submenu
                model = new DefaultMenuModel();
                Submenu submenu = new Submenu();
        submenu.setLabel("Bem-vindo ao Loocaliza");

        MenuItem item = new MenuItem();

        item = new MenuItem();
        item.setValue("Cadastro de Filmes");
        item.setUrl("cadFilme.jsf");
        item.setIcon("ui-icon-disk");
        submenu.getChildren().add(item);

        item = new MenuItem();
        item.setValue("Cadastro de Associados");
        item.setUrl("cadAssociado.jsf");
        item.setIcon("ui-icon-disk");
        submenu.getChildren().add(item);

        model.addSubmenu(submenu);

      //Second submenu
        submenu = new Submenu();
        submenu.setLabel("Consulta");

        item = new MenuItem();
        item.setValue("Associados");
        item.setUrl("conAssociados.jsf");
        item.setIcon("ui-icon-search");
        submenu.getChildren().add(item);

        item = new MenuItem();
        item.setValue("Filmes");
        item.setUrl("conFilmes.jsf");
        item.setIcon("ui-icon-search");
        submenu.getChildren().add(item);

        item = new MenuItem();
        item.setValue("Locações");
        item.setUrl("conLocacoes.jsf");
        item.setIcon("ui-icon-search");
        submenu.getChildren().add(item);

        model.addSubmenu(submenu);

        submenu = new Submenu();
        submenu.setLabel("Locadora");

        item = new MenuItem();
        item.setValue("Logout");
        item.setActionExpression(expFact.createMethodExpression(elCtx,
"#{loginController.logout()}", String.class, new Class[0]));
        item.setIcon("ui-icon-close");
        submenu.getChildren().add(item);

        model.addSubmenu(submenu);
        System.out.println("Oxente: ");
        }

        public MenuModel getModel() {
        return model;
    }
}

Topicos relacionados