Layout prime cortando menu

Programação Java
#1

Ola pessoal,

Tenho um layout do prime só que quando eu coloquei o menu ele corta e não aparece inteiro

erro.png1355×681 19.3 KB

aqui o template

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<f:view contentType="text/html">
    <h:head>
        <f:facet name="first">
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <title>Localiza</title>
        </f:facet>
    </h:head>

    <h:body>
        <p:layout fullPage="true">

            <p:layoutUnit position="north" size="40" resizable="true" closable="true" collapsible="true">
                <ui:insert name="cabecalho"/>
            </p:layoutUnit>

            <p:layoutUnit position="south" size="40" closable="true" collapsible="true">
                <ui:insert name="rodape"/>
            </p:layoutUnit>

            <p:layoutUnit position="west" size="100" header="Menu" collapsible="true">
                <ui:include src="menu.xhtml"/>
            </p:layoutUnit>

            <p:layoutUnit position="center">
                <p:growl id="messages" autoUpdate="true" />
                <ui:insert name="conteudo"/>
            </p:layoutUnit>
        </p:layout>

    </h:body>
</f:view>

o menu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<h:form id="frmMenu">
	
<p:menubar>
    <p:submenu label="File" icon="ui-icon-document">
        <p:submenu label="New" icon="ui-icon-contact">
            <p:menuitem value="Project" url="#" />
            <p:menuitem value="Other" url="#" />
        </p:submenu>
        <p:menuitem value="Open" url="#" />
        <p:separator />
        <p:menuitem value="Quit" url="#" />
    </p:submenu>

    <p:submenu label="Edit" icon="ui-icon-pencil">
        <p:menuitem value="Undo" url="#" icon="ui-icon-arrowreturnthick-1-w" />
        <p:menuitem value="Redo" url="#" icon="ui-icon-arrowreturnthick-1-e" />
    </p:submenu>

    <p:submenu label="Help" icon="ui-icon-help">
        <p:menuitem value="Contents" url="#" />
        <p:submenu label="Search" icon="ui-icon-search">
            <p:submenu label="Text">
                <p:menuitem value="Workspace" url="#" />
            </p:submenu>
            <p:menuitem value="File" url="#" />
        </p:submenu>
    </p:submenu>

</p:menubar>

</h:form>
#2

Você definou o tamanho como 100 size=“100”.
Tente aumentar o tamanho . Ou defina como resizable = true

#3

consegui resolver com css

.ui-layout-west {
z-index: 20 !important;
overflow: visible !important;;

}
.ui-layout-west .ui-layout-unit-content {
overflow: visible !important;
}

1 curtida