2 Replies Latest reply on Jul 11, 2012 4:00 AM by tremal_naik

    rich:tabPanel do not works at first load

    tremal_naik

      Hi, I have the next code:

       

      <h:panelGroup>

        <h:outputText value="..."/>

        <rich:tabPanel switchType="client" >

          <rich:tab header="Spanish" >

             ...

          </rich:tab>

       

        <rich:tab header="Italian" >

           ...

        </rich:tab>

       

        <rich:tab header="English" >

            ...

         </rich:tab>

        </rich:tabPanel>

      </h:panelGroup>

       

      When I load the page the first time, the tabs do not works. I must reRender it cos' they works. The problem is like Chrome as IE & FireFox. Thanks

        • 1. Re: rich:tabPanel do not works at first load
          sivaprasad9394

          try adding changing your tab panel like below it will work,

           

           

          <a4j:jsFunction  name="generalInfoLoad" limitToList="true" immediate="true"

                          reRender="generalInformationPage"  ignoreDupResponses="true"

                          actionListener="#{urBean.submitgeneralInfo}"></a4j:jsFunction>

          ---------------------------------------------------------------------

          <rich:tabPanel switchType="ajax" id="tp1" styleClass="tabbertab">                                

              <rich:tab limitToList="true" id="GeneralInfo" label="General Info" name="General Info" styleClass="myClass"  ontabenter="generalInfoLoad()"

                    status="waitStatusGeneral" reRender="generalInformationPage">   

                        <a4j:region id="generalInforegion">                           

                                <a4j:include id="generalInformationPage"  viewId="/generalinfo/generalInfo.jsp"/>

                        </a4j:region>               

              </rich:tab>

          </rich:tabPanel>

          • 2. Re: rich:tabPanel do not works at first load
            tremal_naik

            Thank you sivaprasad krishnaswamy, but this solution do not works either.

             

            I've been reviewing the code and the Tab Panel is into this components

             

            <h:form>

            <h:panelGroup id="editorTree">

            <rich:panel rendered="..." >

            <h:panelGrid>

            ...

            <h:panelGroup>

              <h:outputText value="..."/>

              <rich:tabPanel switchType="client" >

                <rich:tab header="Spanish" >

                   ...

                </rich:tab>

              <rich:tab header="Italian" >

                 ...

              </rich:tab>

              <rich:tab header="English" >

                  ...

               </rich:tab>

              </rich:tabPanel>

            </h:panelGroup>

            </h:panelGrid>

            </rich:panel>

            </h:panelGroup>

            </h:form>