Erro no Template do JSF com Layout do Primefaces

Front-end
, ,
#1

Estou desenvolvendo um sistema pra web utilizando JSF com Primefaces…fiz um template aqui e estou tendo um problema que não consigo resolver de jeito nenhum!!

Quando eu coloco no conteúdo um dialog modal…este dialog fica inacessivel e trava o sistema inteiro…e não consigo preencher os campos necessarios para cadastrar um paciente!

Procurei no google e vi algumas pessoas resolvendo este problema usando o appendTo="@(body)"…fiz isso no meu e resolveu este problema…porém agora quando vou cadastrar o paciente os valores NÃO são setados no objeto que estou tentando persistir!!!

Fazendo uns testes…criei uma pagina xhtml, e sem usar o template (mas usandoo mesmo dialog) o objeto é persistido normalmente sem nenhum erro!! Por isso sei que o problema esta no Template que eu fiz…mas ja tentei de tudo para resolver e não consegui…

No meu Template uso o componente layout e layoutUnit para separar as divisões na tela!!!

Segue meu Template:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://xmlns.jcp.org/jsf/html"
		xmlns:f="http://xmlns.jcp.org/jsf/core"
		xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
		xmlns:p="http://primefaces.org/ui">
<h:head>
<meta charset="UTF-8"/>
<title>Clinica Sao Mateus</title>
<h:outputStylesheet library="saomateus" name="estilo.css"/>
<ui:insert name="jscript" />
	
</h:head>


<h:body>

<p:layout style="min-width:1400px;max-width:1400px;min-height:900px" fullPage="true">
	<p:layoutUnit position="north" size="100">
		<h:form>
		<h:graphicImage library="saomateus" name="logo-clinica.png" height="50"></h:graphicImage>

		<h:outputLink id="linklogout" title="Logout" style="text-align:center" value="#{request.contextPath}/security_logout">
			<h:outputLabel value="Sair Do Sistema" />		
		</h:outputLink>	
		</h:form>
	</p:layoutUnit>
	
	<p:layoutUnit position="west" size="220" header="Menu" resizable="true" closable="true" collapsible="true">
			<h:form>
				<p:panelMenu style="width=200px">
					
       				<p:submenu label="Agendamentos" icon="ui-icon-check">
						<p:menuitem value="Consultas" outcome="Consultas"/>
						<p:menuitem value="Exames" outcome="Exames"/>
        			</p:submenu>
       	
       				<p:submenu label="Pessoas" icon="ui-icon-check">
						<p:menuitem value="Pacientes" outcome="Pacientes"/>
						<p:menuitem value="Medicos" outcome="Medicos"/>
						<p:menuitem value="Funcionarios" outcome="Secretarias"/>		 
		           	</p:submenu>
		           	
		           	<p:submenu label="Convenios" icon="ui-icon-check">
						<p:menuitem value="Consultar" outcome="Convenios"/>		 
		           	</p:submenu>
       	
       				<p:submenu label="Relatorios" icon="ui-icon-check">
						<p:menuitem value="Criar" outcome="CriarRelatorio"/>
						<p:menuitem value="Consultar" outcome="ConsultarRelatorios"/>
       				</p:submenu>
       	
       				<p:submenu label="Usuarios" icon="ui-icon-check">
						<p:menuitem value="Consultar" outcome="ConsultarUsuarios"/>
       				</p:submenu>		 
				</p:panelMenu>
			</h:form>
	</p:layoutUnit>
	
	<p:layoutUnit position="center" size="600">
		<h:form>
		<ui:insert name="corpo"/>
		</h:form>	
	</p:layoutUnit>



<p:layoutUnit position="south" size="30">
    <!-- Rodape -->
</p:layoutUnit>
</p:layout>

<h:form>
	 <p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
        	<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
        	<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
     </p:confirmDialog>
</h:form>     

</h:body>
</html>

Quem puder me ajudar, agradeço desde já!!!