Centralizar panelgrid numa página jsf

Front-end
#1

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

#2

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>
#3

Tentou a tag ??

#4

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

#5

[quote=leonardobhbr]Amigo coloca em uma div

[code]

<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>
[/code][/quote]

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.

#6

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

[]'s

#7