3 Replies Latest reply on Dec 6, 2008 10:04 PM by Chris Simons

    Highlighting Validation Errors Across A Tab Panel

    Ben Wetzel Newbie

      In my application I've got one page with a form split across a number of tabs in a tab panel.  On a submit, I'm displaying any validation errors in a box above the tab panel.  Unfortunately, since this is technically one big form, validation errors are returned for all of the fields on all of the tabs.  I'm looking for a way to somehow highlight which tabs the errors occur on (or otherwise link the error messages to the fields) so that the user will have more information about what fields they need to update.


      The basic layout of the page is like this:



      <a4j:form prependId="false">
          <rich:tabPanel switchType="client" height="300px">
              <rich:tab>
                  <ui:include src="tab1.xhtml"/>
              </rich:tab>
              <rich:tab>
                  <ui:include src="tab2.xhtml"/>
              </rich:tab>
              <rich:tab>
                  <ui:include src="tab3.xhtml"/>
              </rich:tab>
          </rich:tabPanel>
      </a4j:form>





      Any suggestions?