We are converting over to Primefaces but we are having a problem duplicating what we have. Currently the app has toggle-able sections where you can click anywhere on the header and the block will toggle. Also there are buttons and data in he header. The ajax is setup to do Always, Never or Once. This gives the developer control of what gets rendered on the initial page. I have tried to work with the accordion and panel objects. Got close with the accordion but the tabs did not like the ajax and we need ajax control like described above. Having trouble with the panel, seems like it wants to the use +/- icon to do the toggling and getting other items in the header has been problematic. Any suggestions would be appreciate. Been at this for a few days now.
Code: Select all
<pf:accordionPanel id="accordionPanelRenderer1"
styleClass="accordionPanel" multiple="true">
<pf:outputLabel id="outputLabelRenderer1" styleClass="outputLabel"></pf:outputLabel>
<pf:tab >
<f:facet name="title">
<h:outputText value="Godfather Part I" />
<pf:outputPanel id="outputPanelRenderer1" styleClass="outputPanel float-right"
style="height: 30px; background-color: lime; margin-bottom: 0px; padding: 0">
<pf:commandButton id="commandButtonRenderer1" styleClass="commandButton" value="Brianx" action="#{accordion.func}"
style="background-color: red"/>
</pf:outputPanel>
<pf:outputPanel id="outputClear1" styleClass="float-clear"></pf:outputPanel>
</f:facet>
<h:panelGrid id="grd1" columns="2" cellpadding="10">
<h:outputText value="col1 " />
<h:outputText value="Tes data" />
</h:panelGrid>
</pf:tab>
<pf:tab >
<f:facet name="title">
<h:outputText value="Godfather Part II" />
<pf:outputPanel id="outputPanelRenderer12" styleClass="outputPanel float-right"
style="height: 30px; background-color: lime; margin-bottom: 0px; padding: 0">
<pf:commandButton id="commandButtonRenderer12" styleClass="commandButton" value="Brian2" action="#{accordion.func}"
style="background-color: red"/>
</pf:outputPanel>
<pf:outputPanel id="outputClear12" styleClass="float-clear"></pf:outputPanel>
</f:facet>
<h:panelGrid columns="2" cellpadding="10">
<h:outputText value="col1 " />
<h:outputText value="The story begins as Don Vito Corleone...xxxx" />
</h:panelGrid>
</pf:tab>
</pf:accordionPanel>
<pf:panel id="custom" header="" style="margin-bottom: 30px;" toggleable="true" toggleSpeed="500" closeSpeed="500">
<h:panelGrid columns="2" cellpadding="10">
<!-- <p:graphicImage name="demo/images/godfather/godfather3.jpg" /> -->
<h:outputText value="After a break of more than 15 years..." />
</h:panelGrid>
<f:facet name="actions">
<h:outputText value="Panel One" />
<pf:outputPanel id="outputPanelRenderer1x" styleClass="outputPanel" style="margin-top: 5px">
<pf:commandButton id="commandButtonRenderer1x" styleClass="commandButton" value="Brian"/>
</pf:outputPanel>
</f:facet>
</pf:panel>