Hi,

Am trying to use a richfaces wizard using the approach given in http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=togglePanel&sample=wizard&skin=blueSky

This works nicely - using <rich:togglePanel/>, <rich:togglePanelItem/>, <a4j:commandButton/> and <rich:toggleControl/>

In one of the wizard pages (<rich:togglePanelItem/>) I need to perform a custom validation. Am trying to do this using <rich:graphValidator/> as described in http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=graphValidator&skin=blueSky

Somehow am finding that the <rich:graphValidator/> works as long as my <a4j:commandButton/> does not embed a <rich:toggleControl/>.

Have tried playing with render also.

Am assuming someone will have a proper solution to get this working or should I try a different approach?

R

Snippet am having trouble getting to work:-

.....

<rich:graphValidator value="#{key1}" id="mdgv">

           <rich:messages for="mdgv" />

                <rich:messages globalOnly="true" />

          <h:panelGrid columns="3">

            <h:outputText  value="Property name:  " />

            <rich:inplaceInput id="property1" value="#{key1.property1}" required="true"  defaultLabel="click to enter property" />

         <rich:message for="property1" />

          <h:outputText  value="Model Type" />

                    .....

        </h:panelGrid>

                    <div class="navPanel" style="width: 100%;">

                              <a4j:commandButton  action="#{key1.changePage}" render="nextButton" style="float:right" value="Next &gt;&gt;"

                                        id="nextButton">

                                        <rich:toggleControl id="toggleControlId" targetItem="panel2" event="click" />

                              </a4j:commandButton>

                    </div>

                    </rich:graphValidator>