[RESOLVIDO] Posicionamento form dentro do dialog

3 respostas
pcdsjr

Ao abir o dialog o panel não se alinha a esquerda do dialog teima em abri uns 200px a margem esquerda

<p:dialog header="Cadastro de Paciente" draggable="false" resizable="false" widgetVar="dialogNovoPaciente" width="700" appendToBody="false">     
                <h:form id="novoPaciente" prependId="false" target="@this">
                    <p:panel header="Dados Pessoais" toggleable="true" toggleTitle="Clique para Recolher/Expandir">
                        <h:panelGrid columns="2" cellspacing="10" id="gridDadosPessoais" rendered="true">
                            <h:outputLabel value="Nome:"/>
                            <p:inputText id="nome" value="#{pacienteBean.paciente.nome}" maxlength="40" size="20"/>
                            <h:outputLabel value="E-mail:"/>
                            <p:inputText id="email" value="#{pacienteBean.paciente.email}" maxlength="40" size="20"/>
                            <h:outputLabel value="Endereço:"/>
                            <p:inputText id="endereco" value="#{pacienteBean.paciente.endereco}" maxlength="40" size="20"/>
                            <h:outputLabel value="Complemento:"/>
                            <p:inputText id="complemento" value="#{pacienteBean.paciente.complemento}" maxlength="40" size="20"/>
                            <h:outputLabel value="Celular:"/>
                            <p:inputMask id="celular" value="#{pacienteBean.paciente.celular}" mask="(99) 9999 - 9999" size="20"/>
                            <h:outputLabel value="CPF:"/>
                            <p:inputMask id="cpf" value="#{pacienteBean.paciente.cpf}" mask="[CPF removido]" size="20"/>
                            <h:outputLabel value="Data de Nascimento:"/>
                            <p:calendar id="nascimento" navigator="true" value="#{pacienteBean.paciente.nascimento}"/>
                            <h:outputLabel value="Sexo:"/>
                            <p:selectOneRadio id="sexo" value="#{pacienteBean.paciente.sexo}">
                                <f:selectItem itemLabel="M" itemValue="M"/>
                                <f:selectItem itemLabel="F" itemValue="F"/>
                            </p:selectOneRadio>
                        </h:panelGrid>
                    </p:panel>
                    <p:commandButton id="btnSalvar" value="Salvar" action="#{pacienteBean.salvar}" update="form" ajax="false"/>
                </h:form>
            </p:dialog>

/** EDIT
[b]O problema é quando se há um header no dialog toda a margem dentro do componente é deslocada até onde começar o texto do header

Fazendo uma busca refinada no google achei um post antigo daqui mesmo do guj explicando como alterar o CSS do dialog retirando a margem alinhada ao header e deixando o form ocupar o seu devido espaço alinhado a esquerda no dialog[/b]

**FIM EDIT/

3 Respostas

LaercioPontin

Cara, uma dica que te dou é baixar o aplicativo Firebug, sempre que tenho esses problemas ele me ajuda muito.

http://www.baixaki.com.br/download/firebug.htm

pcdsjr

Opa bem lembrado pode ajudar muito quando a questao e html e css, porem o codigo ai em cima e jsf e prime faces devo estar esquecendo algum comando ou fazendo de forma errada.
Mas obrigado pela ajuda!

LaercioPontin

Perfeitamente, mas nesse seu cenário, já resolvi muitos problemas como esse com ele!

Criado 28 de outubro de 2011
Ultima resposta 28 de out. de 2011
Respostas 3
Participantes 2