password inside a dialog

[zorba]

hi there
i'm using primfaces 2.1RC1 with JSF 2.0.2 FCS (mojarra) and got a problem with password component.
i got a <p:password> inside a dialog, and when open the dialog, the password strenght looks like this:


my code:

Code: Select all

	<p:dialog widgetVar="changePasswd" header="#{msg.mudarPasswd}"
		modal="true" draggable="true" resizable="false">
		<p:growl id="senhaGrowl" />
		<h:form id="alterarSenha">
			<h:panelGrid columns="2">
				<h:outputText value="#{msg.novaSenha}" />
				<p:password value="#{managedUsuario.senha}" required="true" />

				<h:outputText value="#{msg.confirmarSenha}" />
				<p:password value="#{managedUsuario.confirmarSenha}" required="true" />

				<p:commandButton value="#{msg.ok}" update="senhaGrowl" 
					action="#{managedUsuario.alterarSenha}" />
			</h:panelGrid>
		</h:form>
	</p:dialog>

[michiel]

try wrapping

<h:outputText value="#{msg.novaSenha}" />
<p:password value="#{managedUsuario.senha}" required="true" />

and

<h:outputText value="#{msg.confirmarSenha}" />
<p:password value="#{managedUsuario.confirmarSenha}" required="true" />

inside a <h:panelGroup>
like :

Code: Select all

<h:panelGroup layout="block">
     <h:outputText value="#{msg.novaSenha}" />
     <p:password value="#{managedUsuario.senha}" required="true" />
</h:panelGroup>

[zorba]

thanks for you reply, but it doesn't worked
the password strenght metter stays on top

[cagatay.civici]

Seems like a positioning issue of password as it does not update it's initial position, try an inline password instead of an overlay one to see if it works.

[michiel]

this will work fine, tested it :

Code: Select all

<p:password value="#{managedUsuario.senha}" required="true" inline="true" />

[zorba]

with panelGroup? without?

[zorba]

the password strenght is duplicated.

[michiel]

strange, maybe setting id's will help,
I tested it (with different id's) and I got an indicator for each <p:password>

[zorba]

i've tried this too, but still won't work
my code:

Code: Select all

	<div id="dialogoSenha">
		<p:dialog widgetVar="changePasswd"
		header="#{msg.mudarPasswd}" modal="true" draggable="true"
		resizable="false" width="450">
		<p:growl id="senhaGrowl" />
		<h:form id="alterarSenha">
			<h:panelGrid columns="2">

					<h:outputText value="#{msg.novaSenha}" />
					<p:password id="passwd" value="#{managedUsuario.senha}" required="true" inline="true"/>

					<h:outputText value="#{msg.confirmarSenha}" />
					<p:password id="confirmaPasswd" value="#{managedUsuario.confirmarSenha}"
						required="true" inline="true"/>
						
				<p:commandButton value="#{msg.ok}" update="senhaGrowl"
					action="#{managedUsuario.alterarSenha}" />
			</h:panelGrid>
		</h:form>
	</p:dialog></div>

sorry about my english

[kwintesencja]

enclose your dialog with a <p:outputPanel> and update the outputPanel when you show your dialog.