PrimeFaces Accordian panel information

[John Morgan]

I have an JSF that uses primefaces accordian snippet. However I want to populate the information from each tab from a seperate webpage that would also have accordion snippet in it. I can do this on a single page no problem, but the length of the program (webpage) is getting to the point that it is unmanageable.

The code I have:

<p:layoutUnit position="center">
<p:accordionPanel activeIndex="null">
<p:tab title="Burglar">
<h:outputText value= "Burglar"/>
<p:accordionPanel activeIndex="null">
<p:tab title="Skills">
<h:outputText value= "Skills"/>
Skills
</p:tab>
<p:tab title="Traits">
<h:outputText value= "Traits"/>
Traits
</p:tab>
<p:tab title="Legendary Legacies">
<h:outputText value= "Legendary Legacies"/>
Legendary Legacies
</p:tab>
</p:accordionPanel>
</p:tab>
</p:accordionPanel>
<p:accordionPanel activeIndex="null">
<p:tab title="Captain">
<h:outputText value= "Captain"/>
<p:accordionPanel activeIndex="null">
<p:tab title="Skills">
<h:outputText value= "Skills"/>
Skills
</p:tab>
<p:tab title="Traits">
<h:outputText value= "Traits"/>
Traits
</p:tab>
<p:tab title="Legendary Legacies">
<h:outputText value= "Legendary Legacies"/>
Legendary Legacies
</p:tab>
</p:accordionPanel>
</p:tab>
</p:accordionPanel>
</p:layoutUnit>

What I am after:

<p:layoutUnit position="center">
<p:accordionPanel activeIndex="null">
<p:tab title="Burglar">
<h:outputText value= "Burglar"/>
<p:accordionPanel activeIndex="null" url="burglar.xhtml">
</p:accordionPanel>
</p:tab>
</p:accordionPanel>
<p:accordionPanel activeIndex="null">
<p:tab title="Captain">
<h:outputText value= "Captain" url="captain.xhtml"/>
<p:accordionPanel activeIndex="null">
</p:accordionPanel>
</p:tab>
</p:accordionPanel>
</p:layoutUnit>

class page:

<p:layoutUnit>
<p:accordionPanel>
<p:tab title="Skills">
<h:outputText value= "Skills"/>
Skills
</p:tab>
<p:tab title="Traits">
<h:outputText value= "Traits"/>
Traits
</p:tab>
<p:tab title="Legendary Legacies">
<h:outputText value= "Legendary Legacies"/>
Legendary Legacies
</p:tab>
</p:layoutUnit>
</p:accordionPanel>

Any suggestions on how to get this to work... I am sure that it has something to do with my url but not sure how to fix it and I can not find anything on the web on how to do this.

Thanks.

[John Morgan]

Well I fixed it .... kind of....

<p:layoutUnit position="center">
<p:accordionPanel activeIndex="null">
<p:tab title="Burglar">
<h:outputText value= "Burglar"/>
<iframe src="classes/burglar.xhtml" />
</p:tab>
</p:accordionPanel>

Works just fine but the xhtml file that is included only uses about 1/3 of the frame area. And as I expand the accordion from the embedded page the first accordion does not expand.