"Thinking" icon for tabs

3 posts, 1 answers
  1. David
    David avatar
    273 posts
    Member since:
    Mar 2014

    Posted 10 Apr 2018 Link to this post

    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. Answer
    Rumen
    Admin
    Rumen avatar
    13980 posts

    Posted 11 Apr 2018 Link to this post

    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.
  3. David
    David avatar
    273 posts
    Member since:
    Mar 2014

    Posted 11 Apr 2018 Link to this post

    Rumen,

         Excellent advice!

    Thank you

Back to Top