2 Replies Latest reply on Jul 11, 2012 4:00 AM by Gustavo Ramírez de Villalobos

    rich:tabPanel do not works at first load

    Gustavo Ramírez de Villalobos Newbie

      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
          Siva P Master

          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
            Gustavo Ramírez de Villalobos Newbie

            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>