Dialog Primefaces modal com problemas

Front-end
#1

Estou tentando fazer um dialog modal com primefaces mas estou tendo problemas ao chamar o dialog toda a aplicação fica modal até o proprio dialog, o que estou fazendo de errado, segue o codigo fonte…

[code]<html xmlns=“http://www.w3.org/1999/xhtml”
xmlns:h=“http://java.sun.com/jsf/html”
xmlns:f=“http://java.sun.com/jsf/core”
xmlns:p=“http://primefaces.prime.com.tr/ui”
xmlns:sec=“http://www.springframework.org/security/facelets/tags”>

&lt;h:head&gt;
    &lt;title&gt;Intesis - Mensageria NFe&lt;/title&gt;
    &lt;link href="../style/jquery-ui-1.8.16.custom.css" type="text/css" rel="stylesheet"  /&gt;
&lt;/h:head&gt;
&lt;h:body&gt;

    &lt;p:growl id="growlMessage" showDetail="true" /&gt;

    &lt;p:layout fullPage="true"&gt;

        &lt;p:layoutUnit position="top" height="75" closable="false"&gt;

            &lt;p:toolbar&gt;
                &lt;p:toolbarGroup align="right"&gt;
                    &lt;h:form prependId="false"&gt;
                        &lt;h:outputText value="#{nFeController.message}"/&gt;
                        &lt;h:graphicImage url="../img/cadeado.png" style="border: 0px"/&gt;

                        &lt;p:commandLink&gt;
                            &lt;h:outputText value="Alterar Senha"/&gt;
                        &lt;/p:commandLink&gt;

                        &lt;h:graphicImage url="../img/usuario.png" style="border: 0px"/&gt;
                        &lt;h:outputText value=" #{loginController.usuarioLogado}  [ "/&gt;
                        &lt;p:commandLink action="#{loginController.logout}" value="Sair"/&gt;
                        &lt;h:outputText value=" ]"/&gt;
                    &lt;/h:form&gt;
                &lt;/p:toolbarGroup&gt;
            &lt;/p:toolbar&gt;

        &lt;/p:layoutUnit&gt;

        &lt;p:layoutUnit position="center" height="10" closable="false"&gt;

            &lt;p:toolbar&gt;
                &lt;p:toolbarGroup align="left"&gt;
                    &lt;h:form prependId="false"&gt;
                        &lt;p:menubar autoSubmenuDisplay="true"&gt;
                            &lt;p:submenu label="NFe"&gt;
                                &lt;p:menuitem value="Consulta NFe"/&gt;
                            &lt;/p:submenu&gt;
                        &lt;/p:menubar&gt;
                    &lt;/h:form&gt;
                &lt;/p:toolbarGroup&gt;
            &lt;/p:toolbar&gt;


            &lt;h:form prependId="false"&gt;
                &lt;p:dataTable var="nfe" value="#{nFeController.nfeList}" paginatorPosition="bottom"
                             emptyMessage="Nenhuma nota encontrada!" paginator="true" rows="10"&gt;

                    &lt;p:column headerText="Status"&gt;
                        &lt;h:graphicImage url="#{nfe.imgStatus}"/&gt;
                        &lt;h:outputText value="#{nfe.status}"/&gt;
                    &lt;/p:column&gt;

                    &lt;p:column sortBy="#{nfe.NDoc}" headerText="N.Doc"&gt;
                        &lt;h:outputText value="#{nfe.NDoc}"/&gt;
                    &lt;/p:column&gt;

                    &lt;p:column headerText="Data Emissão"&gt;
                        &lt;h:outputText value="#{nfe.dataEmissao}"&gt;
                            &lt;f:convertDateTime pattern="dd/MM/yyyy"/&gt;
                        &lt;/h:outputText&gt;

                    &lt;/p:column&gt;

                    &lt;p:column headerText="E/S"&gt;
                        &lt;h:outputText value="#{nfe.tipoNF}"/&gt;
                    &lt;/p:column&gt;

                    &lt;p:column headerText="Valor Documento"&gt;
                        &lt;h:outputText value="#{nfe.valor}"/&gt;
                    &lt;/p:column&gt;

                    &lt;p:column sortBy="#{nfe.destinatario}" headerText="Destinatário"&gt;
                        &lt;h:outputText value="#{nfe.destinatario}"/&gt;

                    &lt;/p:column&gt;

                    &lt;p:column headerText="UF"&gt;
                        &lt;h:outputText value="#{nfe.uf}"/&gt;
                    &lt;/p:column&gt;

                    &lt;p:column headerText="Data Aprovação"&gt;
                        &lt;h:outputText value="#{nfe.dataAprovacao}"/&gt;
                    &lt;/p:column&gt;

                    &lt;p:column&gt;
                        &lt;p:commandLink id="cmdImprimeDanfe"&gt;
                            &lt;h:graphicImage url="../img/impressora.png" style="border: 0px"/&gt;
                        &lt;/p:commandLink&gt;
                    &lt;/p:column&gt;  

                    &lt;p:column&gt;
                        &lt;p:commandLink id="cmdEnviaEmail" onclick="dlgEmail.show()"&gt;
                            &lt;h:graphicImage url="../img/email.png" style="border: 0px"/&gt;
                        &lt;/p:commandLink&gt;
                    &lt;/p:column&gt;   

                &lt;/p:dataTable&gt;
            &lt;/h:form&gt;

            &lt;h:form&gt;
                &lt;h:outputLink value="javascript:void(0)" onclick="dlgEmail.show()"&gt;Show the Picture of the Day&lt;/h:outputLink&gt;
            &lt;/h:form&gt;

                &lt;p:dialog id="dlgEmail" widgetVar="dlgEmail" header="Enviar email"
                          resizable="false" modal="true"&gt;
                    &lt;h:form prependId="false"&gt;
                        &lt;h:panelGrid columns="2"&gt;
                            &lt;h:selectOneMenu id="cbEnvioEmail"&gt;
                                &lt;f:selectItem itemLabel="E-mail Cadastrado" itemValue="1"/&gt;
                                &lt;f:selectItem itemLabel="Inserir E-mail" itemValue="2"/&gt;
                            &lt;/h:selectOneMenu&gt;

                            &lt;p:commandButton value="Enviar" /&gt;
                            &lt;p:commandButton value="Cancelar" /&gt;

                        &lt;/h:panelGrid&gt;
                    &lt;/h:form&gt;
                &lt;/p:dialog&gt;    

        &lt;/p:layoutUnit&gt;
    &lt;/p:layout&gt;

&lt;/h:body&gt;

</html>[/code]

#2

qual o problema que está acontecendo?

#3

tudo fica modal ate a o dialog que quero que abra na frente, ele abre mas fica modal tambem, nao consigo fazer mais nada no navegador

#4

boa tarde, o problema em questão é causado pelas css geradas pelo “p:layout”, se colocar seu dialog fora do mesmo vai obter sucesso!!

#5

ta ok amanha pela manha vou fazer esta alteração, aproveitando o topico, é possivel retirar o cabecalho p layoutUnit? deixar apenas o espaço reservado para adicionar componentes?

#6

bem não sei se compreendi bem sua pergunta, mas acredito que usando modelo de template vc consegue o esperado, neste código vc vai ter o

<ui:insert name="cabecalho"></ui:insert>

e nos arquivos que usar o template vc implementa o cabeçalho dentro da tag

<ui:define name="adicionais"> //componentes aqui </ui:define>

#7

agora funcionou certo retirando o p:layout realmente tem algum bug

#8