Client side event for RadPageView load?

2 posts, 0 answers
  1. Johnathan
    Johnathan avatar
    40 posts
    Member since:
    Sep 2012

    Posted 03 Aug 2015 Link to this post


    Is there a client-side event for when a RadPageView has finished loading? What I'm looking to do is when a RadTab is clicked for the specified RadPageView, I want to display a "loading..." message while the RadPageView's contentURL loads then hide it once the loading has finished.

  2. Ivan Danchev
    Ivan Danchev avatar
    1630 posts

    Posted 06 Aug 2015 Link to this post


    There is no such event for the RadPageView, however, if you want to display a loading image when clicking on the tabs during the PageViews content loading you can do so by using RadAjaxManager and RadLoadingPanel controls. The AjaxManager will Ajax-enable the RadTabStrip and the image added to the LoadingPanel will be displayed when the PageViews are updated. The following code snippet shows an example:
    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
            <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
            <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        <img src="images/MyImage.png" />
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" OnTabClick="RadTabStrip1_TabClick">
            <telerik:RadTab runat="server" Text="Root RadTab1" PageViewID="RadPageView1">
            <telerik:RadTab runat="server" Text="Root RadTab2" PageViewID="RadPageView2">
            <telerik:RadTab runat="server" Text="Root RadTab3" PageViewID="RadPageView3">
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
        <telerik:RadPageView runat="server" Height="100%" ID="RadPageView1">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            ...PageView1 content...
        <telerik:RadPageView runat="server" ID="RadPageView2">
            ...PageView2 content...
        <telerik:RadPageView runat="server" ID="RadPageView3">
            ...PageView3 content...

    Ivan Danchev
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top