This is a migrated thread and some comments may be shown as answers.

"Thinking" icon for tabs

2 Answers 22 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
Iron
Iron
Veteran
David asked on 10 Apr 2018, 07:52 PM

Hi,

  I would like to display "thinking" icon during the load of my tab strip pages.

  Any recommendation?

Here is simplified version of my code.

      <telerik:RadTabStrip runat="server" ID="rts" MultiPageID="rmp" >
                            <Tabs>
                                <telerik:RadTab Text="Tab1" />
                                <telerik:RadTab Text="Tab2" />                   
                            </Tabs>
                        </telerik:RadTabStrip>
             

                      <telerik:RadMultiPage runat="server" ID="rmp">
                         <telerik:RadPageView ContentUrl="Tab1.aspx"/>
                         <telerik:RadPageView ContentUrl="Tab2.aspx"/>
                      </telerik:RadMultiPage>                         
           

2 Answers, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 11 Apr 2018, 09:18 AM
Hi David,

You may find useful the following KB article on the matter Show Loading Sign on Page View.

Here is another example:

<telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
   <AjaxSettings>
       <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
          <UpdatedControls>
             <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
             <telerik:AjaxUpdatedControl ControlID="mpContractCapture" LoadingPanelID="LoadingPanel" />
          </UpdatedControls>
       </telerik:AjaxSetting>
   </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="mpContractCapture" AutoPostBack="true">
         <Tabs>
            <telerik:RadTab runat="server" Text="General" Selected="true"></telerik:RadTab>
            <telerik:RadTab runat="server" Text="Compilance"></telerik:RadTab>
            <telerik:RadTab runat="server" Text="Performance"></telerik:RadTab>
            <telerik:RadTab runat="server" Text="Documents"></telerik:RadTab>
            <telerik:RadTab runat="server" Text="Comments"></telerik:RadTab>
         </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="mpContractCapture" runat="server" Width="100%">
   <telerik:RadPageView BorderColor="Gray" BorderStyle="Solid" BorderWidth="1" ID="pvGeneral" runat="server" Selected="true">
     <telerik:RadComboBox CausesValidation="False" ID="cmbContractType" AutoPostBack="True" runat="server" Width="250px">
        <Items>
         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />
         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />
         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" />
         <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4" Value="RadComboBoxItem4" />
        </Items>
      </telerik:RadComboBox>
   </telerik:RadPageView>
</telerik:RadMultiPage>


Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 11 Apr 2018, 08:22 PM

Rumen,

     Excellent advice!

Thank you

Tags
TabStrip
Asked by
David
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Rumen
Telerik team
David
Top achievements
Rank 1
Iron
Iron
Veteran
Share this question
or