showing loading image in rich tab
arko1983 Feb 26, 2013 5:50 AMI 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>