0 Replies Latest reply on Feb 26, 2013 5:50 AM by arko maity

    showing loading image in rich tab

    arko maity Newbie

      I am having  a problem when i click on 1 tab all tabs are loading(the loading image) .I want to show loading image on the tab header along with the text when i click on the tab.I am using richface 4.2.2

       

      <rich:tabPanel switchType="ajax" headerLocation="center" id="tp">

      <rich:tab header="tab1" id="tab1"

         execute="@this"

                                                                                                oncomplete="showUnblock();startOverLayForTab();"

                                                                                                render="screenOverlay">

                                                                                                <f:facet name="header">

                                                                                                          <h:panelGrid columns="2">

       

       

                                                                                                                    <a4j:status for="tab1">

                                                                                                                              <f:facet name="start">

                                                                                                                                        <h:graphicImage value="resources/images/loader.gif" />

       

       

                                                                                                                              </f:facet>

                                                                                                                              <f:facet name="stop">

                                                                                                                                        <h:graphicImage alt="" />

                                                                                                                              </f:facet>

                                                                                                                    </a4j:status>

                                                                                                                    <h:outputText value="tab1" styleClass="tabText" />

                                                                                                          </h:panelGrid>

                                                                                                </f:facet>

                                                                                                <ui:include src="/tab/tab.xhtml" />

                                                                                      </rich:tab>

       

       

       

      <rich:tab header="tab2" id="tab2"

         execute="@this"

        oncomplete="showUnblock();startOverLayForTab();"

        render="screenOverlay">

        <f:facet name="header">

        <h:panelGrid columns="2">

       

       

        <a4j:status for="tab2">

        <f:facet name="start">

        <h:graphicImage value="resources/images/loader.gif" />

       

       

        </f:facet>

        <f:facet name="stop">

        <h:graphicImage alt="" />

        </f:facet>

        </a4j:status>

        <h:outputText value="tab2" styleClass="tabText" />

        </h:panelGrid>

        </f:facet>

        <ui:include src="/tab/tab.xhtml" />

        </rich:tab>

       

      <rich:tab header="tab3" id="tab3"

         execute="@this"

        oncomplete="showUnblock();startOverLayForTab();"

        render="screenOverlay">

        <f:facet name="header">

        <h:panelGrid columns="2">

       

       

        <a4j:status for="tab3">

        <f:facet name="start">

        <h:graphicImage value="resources/images/loader.gif" />

       

       

        </f:facet>

        <f:facet name="stop">

        <h:graphicImage alt="" />

        </f:facet>

        </a4j:status>

        <h:outputText value="tab3" styleClass="tabText" />

        </h:panelGrid>

        </f:facet>

        <ui:include src="/tab/tab.xhtml" />

        </rich:tab>

       

      </rich:tabPanel>