title: Form validation for rich:togglePanel
body: <p>In my application I've created a wizard. It seems like I can not switch panels because validation fails on a non displayed panel.</p>
  
  <p>The wizard has this layout:</p>
  
  <pre><code>&lt;rich:modalPanel&gt;
      &lt;f:facet name="header"&gt;
          &lt;h:outputText value="#{messages['motivation.title']}" /&gt;
      &lt;/f:facet&gt;
      &lt;h:messages /&gt;
      &lt;rich:togglePanel id="motivationTogglePanel" switchType="ajax" initialState="wiz1" rendered="#{motivationController.enabled}"&gt;
          &lt;f:facet name="wiz1"&gt;
              &lt;f:subview id="wiz1sub"&gt; 
                  &lt;rich:toggleControl value="next" switchToState="wiz2"&gt;&lt;/rich:toggleControl&gt;
              &lt;/f:subview&gt;
          &lt;/f:facet&gt;
          &lt;f:facet name="wiz2"&gt;
              &lt;f:subview id="wiz2sub"&gt; 
                  &lt;h:selectManyCheckbox id="checkBoxList1" required="true" value="#{controller.selectedValue}" layout="pageDirection"&gt;
                      &lt;f:selectItems value="#{controller.options}"&gt;&lt;/f:selectItems&gt;
                  &lt;/h:selectManyCheckbox&gt;
              &lt;/f:subview&gt;
          &lt;/f:facet&gt;   
  &lt;/rich:modalPanel&gt;
  </code></pre>
  
  <p>The modalPanel shows correctly starting with the wiz1 panel. Now when a user clicks the toggleControl nothing happens. If I remove the required field from the component then the switching works.</p>
  
  <p>How can I do a proper validation of the currently displayed components only?</p>