Hi,
the goal is to provide a registration wizzard with ajax4jsf like the example for the a4j:include component (http://livedemo.exadel.com/a4j-include/) but only in a modal panel. I created my own modal panel component with use of a javascript library and this does work fine. But now i want to test it with the available richFaces component rich:modalPanal and it doesn't work.
If i put this a4j:include component directly on my page it works also fine but it doesn't work embedded in the rich:modalPanel component. Here is the code snippet with rich:modalPanel:
<a href="javascript:Richfaces.showModalPanel('mp',{width:450, top:200})">testMP</a> <rich:modalPanel id="mp" minHeight="200" minWidth="450" zindex="2000"> <f:facet name="header"> <h:outputText value="#{msg.registerUser_pageTitle}" /> </f:facet> <f:facet name="controls"> <h:graphicImage value="/img/icons/close.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('mp')" /> </f:facet> <a4j:include viewId="/registerUserFormFirst.xhtml"/> </rich:modalPanel>
<rich:tabPanel switchType="ajax"> <rich:tab label="First"> <a4j:include viewId="/registerUserFormFirst.xhtml"/> </rich:tab> <rich:tab label="Second" disabled="true"> Here is tab #2 </rich:tab> <rich:tab label="Third"> Here is tab #3 </rich:tab> </rich:tabPanel>
It is the same problem that rich:panel has (RF-5 in JIRA)
workaround:
<h:panelGrid columns="1" cellpadding="0" cellspasing="0"> <a4j:include viewId="/registerUserFormFirst.xhtml"/> </h:panelGrid>