PrimeFaces Layout MenuBar

7 respostas
D

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

?

R

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!

C

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

Abraços

R

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:

G

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