PrimeFaces Layout MenuBar

7 respostas
denirroberto

Bom dia galerada, é o seguinte, estou começando em java web, e gostaria de saber como faço pra trabalhar com layout e menubar por exemplo criei um layout com top e center e quero que ao clicar na opção do menu ele abra algo no center so que o problema é que o menu está ficando por baixo do layoutUnit center segue o código.

<body>
			<p:layout fullPage="true">
				<p:layoutUnit position="top" header="Laboratório de EntomologiaT" style="font-size: 8pt" height="63">
					<h:form>
					<p:menubar autoSubmenuDisplay="true" >
					<p:submenu label="Arquivo" >
						<p:menuitem value="Inseto"/>
						<p:menuitem value="Coleta"/>
						<p:menuitem value="Sair" icon="icon/mSair.png"/>
					</p:submenu>
					<p:submenu label="Editar" >
						<p:menuitem value="Inseto"/>
						<p:menuitem value="Coleta"/>
					</p:submenu>
					<p:submenu label="Exibir" >
						<p:submenu label="Consultas" >
							<p:menuitem value="Estoque"/>
							<p:menuitem value="Pedidos"/>
							<p:menuitem value="Visitantes"/>
						</p:submenu>
							<p:submenu label="Relatórios" >
							</p:submenu>
					</p:submenu>
					<p:submenu label="Manutenção" >
						<p:menuitem value="Setor"/>
						<p:menuitem value="Classe"/>
						<p:menuitem value="Família"/>
					</p:submenu>
					<p:submenu label="Segurança">
						<p:submenu label="Usuários" >
							<p:menuitem value="Coletor" icon="icon/mColetor.png"/>
							<p:menuitem value="Usuário" icon="icon/mUsuario.png"/>
							<p:menuitem value="Log de Ações"/>
							<p:menuitem value="Log de Acessos"/>
						</p:submenu>
							<p:submenu label="Controle" >
								<p:menuitem value="Operações"/>
								<p:menuitem value="Permissões" icon="icon/mPermissoes.png"/>
							</p:submenu>
							<p:menuitem value="Trocar Senha" icon="icon/mTrocarSenha.png"/>
							<p:menuitem value="Logoff" icon="icon/mLogoff.png"/>
					</p:submenu>
					<p:submenu label="Ajuda?" >
						<p:menuitem value="Sistema" icon="icon/mSistema.png"/>
					</p:submenu>
					</p:menubar>
					</h:form>
				</p:layoutUnit>
				<p:layoutUnit position="center" header="">
										
				</p:layoutUnit>
			</p:layout>
		</body>

7 Respostas

G

Estou tendo um mesmo problema, alguem sabe como resolver?

G

Alguem? Ta complicado resolver isto

G

?

RenZasso

Fala galerinha blzura? Galera ja passei por esse perrengue e consegui resolver…tenho um template dividido em norte, centro, sul e esquerda. O meu centro é a única parte que sempre ta mudando. Para mudar apenas o centro, ao clicar em um botão no meu menu no topo uso o <a4j:actionparam name=“page” value="/home.jsp" assignTo="#{url.url}"/> para mudar a página no centro. Dúvidas é só perguntar galera! Abraço!

clebiovieira

Pow dá uma detalhada nisso ae. se não for incomodo. rsrs Achei interessante.

Abraços

rafaduka

pode resolver isto com um pouco de css… se estiver usando primefaces 2.2.1 use isto:

.ui-layout .ui-layout-unit div.ui-layout-bd, .ui-layout-unit-top {
			         z-index:20 !important;
			         overflow:visible;
			     }

se for primefaces 3.* use:

.ui-layout-north {
		            z-index:20 !important;
		            overflow:visible;
		        }
		
		        .ui-layout-north .ui-layout-unit-content {
		            overflow:visible;
		        }

:lol:

gbvbahia01

rafaduka:
pode resolver isto com um pouco de css… se estiver usando primefaces 2.2.1 use isto:

.ui-layout .ui-layout-unit div.ui-layout-bd, .ui-layout-unit-top {
			         z-index:20 !important;
			         overflow:visible;
			     }

se for primefaces 3.* use:

.ui-layout-north {
		            z-index:20 !important;
		            overflow:visible;
		        }
		
		        .ui-layout-north .ui-layout-unit-content {
		            overflow:visible;
		        }

:lol:

Show de bola!!!

Criado 4 de fevereiro de 2011
Ultima resposta 15 de nov. de 2011
Respostas 7
Participantes 6