Bom dia pessoal!
Eu tenho uma pagina principal onde dentro dela e adiciono outras páginas, mais estou com um problema, ao adiconar essas paginas via ajax, ela não vem com o CSS correto, fica sem estilo, alguém ja teve esse problema?
Abaixo o fonte:
principal.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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:c="http://java.sun.com/jsp/jstl/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<title>Teste Primefaces</title>
<link type="text/css" rel="stylesheet" href="/testeprimefaces/faces/javax.faces.resource/theme.css?ln=primefaces-rocket" />
<link type="text/css" rel="stylesheet" href="css/layout.css" />
</h:head>
<h:body>
<p:layout fullPage="true">
<p:layoutUnit position="top" height="115" resizable="false" closable="false" collapsible="false">
<p:commandLink actionListener="#{menuBean.setMenu1}" style="margin-right:20px;" oncomplete="remoteUpdate()">
<h:outputText value="My Work"/>
</p:commandLink>
<p:remoteCommand name="remoteUpdate" process="@none" update="modulos_ajax" />
</p:layoutUnit>
<p:layoutUnit position="left" width="200" header="Sub-Menu" resizable="true" closable="false" collapsible="true">
</p:layoutUnit>
<p:layoutUnit position="center">
<p:messages />
<p:outputPanel id="modulos_ajax">
<ui:include src="#{menuBean.caminho}" />
</p:outputPanel>
</p:layoutUnit>
</p:layout>
</h:body>
</html>
teste3.xhtml
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:form>
<h:outputText value="Nome" />
<p:inputText />
<h:outputText value="SobreNome" />
<p:inputText />
<p:commandButton value="Confirmar" ajax="false" />
</h:form>
</ui:composition>
Valeu.