Centralizar panelgrid numa página jsf

23 de fevereiro de 2012 5 respostas

prog.tiago 23 de fevereiro de 2012

Boa tarde,

Amigos, sei que isso é muito bobo, porém sou iniciante em JSF.

Eu não consigo colocar um panelGrid no centro da página de jeito nenhum. Já tentei das mais diversas formas, mas não consigo…

Alguém poderia me ajudar?

Eu queria colocar esse panel no centro:

<p:panel id="pnlAutenticacao" style="width:300px;">
				<h:panelGrid columns="2">
					<h:outputText value="Usuário: " />
					<p:inputText id="txtUsuario" value="" required="true"
						requiredMessage="Um usuário é necessário para autenticação." />
					<h:outputText value="Senha: " />
					<p:password id="txtSenha" value="" required="true"
						requiredMessage="Você não digitou uma senha." />
					<h:inputHidden />
					<p:commandButton value="Login" />
				</h:panelGrid>
			</p:panel>

Obrigado

5 Respostas

leonardobhbr 23 de fev. de 2012

Amigo coloca em uma div

<p:panel id="pnlAutenticacao" style="width:300px;">
                          <div align="center" >
				<h:panelGrid columns="2">
					<h:outputText value="Usuário: " />
					<p:inputText id="txtUsuario" value="" required="true"
						requiredMessage="Um usuário é necessário para autenticação." />
					<h:outputText value="Senha: " />
					<p:password id="txtSenha" value="" required="true"
						requiredMessage="Você não digitou uma senha." />
					<h:inputHidden />
					<p:commandButton value="Login" />
				</h:panelGrid>
                         </div>
			</p:panel>

williamdasflores 23 de fev. de 2012

Tentou a tag ??

prog.tiago 23 de fev. de 2012

Quando coloquei a tag o panel ficou centralizado apenas horizontalmente. Não consegui deixar ele centralizado verticalmente também

prog.tiago 23 de fev. de 2012

leonardobhbr:

Amigo coloca em uma div

<p:panel id="pnlAutenticacao" style="width:300px;">
                          <div align="center" >
				<h:panelGrid columns="2">
					<h:outputText value="Usuário: " />
					<p:inputText id="txtUsuario" value="" required="true"
						requiredMessage="Um usuário é necessário para autenticação." />
					<h:outputText value="Senha: " />
					<p:password id="txtSenha" value="" required="true"
						requiredMessage="Você não digitou uma senha." />
					<h:inputHidden />
					<p:commandButton value="Login" />
				</h:panelGrid>
                         </div>
			</p:panel>

Então, acho que a div deve ficar fora do panel né?

<div align="center">
			<p:panel id="pnlAutenticacao" style="width:300px;">

				<h:panelGrid columns="2">
					<h:outputText value="Usuário: " />
					<p:inputText id="txtUsuario" value="" required="true"
						requiredMessage="Um usuário é necessário para autenticação." />
					<h:outputText value="Senha: " />
					<p:password id="txtSenha" value="" required="true"
						requiredMessage="Você não digitou uma senha." />
					<h:inputHidden />
					<p:commandButton value="Login" />
				</h:panelGrid>

			</p:panel>
		</div>

Mesmo colocando a DIV só consegui centralizar horizontalmente e não verticalmente tbm. Quero que o panel fique centralizado na página.

WRYEL 23 de fev. de 2012

meu caro, seu problema é com CSS, não com JSF.
Aqui tem um exemplo: http://maujor.com/tutorial/meio_tela.php

[]'s

Criado 23 de fevereiro de 2012

Ultima resposta 23 de fev. de 2012

Respostas 5

Participantes 4

5 Respostas

Topicos relacionados