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

Client side event for RadPageView load?

1 Answer 57 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Johnathan
Top achievements
Rank 1
Johnathan asked on 03 Aug 2015, 06:36 PM

Hello,

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.

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 06 Aug 2015, 12:49 PM
Hello,

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">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
    <img src="images/MyImage.png" />
</telerik:RadAjaxLoadingPanel>
 
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" OnTabClick="RadTabStrip1_TabClick">
    <Tabs>
        <telerik:RadTab runat="server" Text="Root RadTab1" PageViewID="RadPageView1">
        </telerik:RadTab>
        <telerik:RadTab runat="server" Text="Root RadTab2" PageViewID="RadPageView2">
        </telerik:RadTab>
        <telerik:RadTab runat="server" Text="Root RadTab3" PageViewID="RadPageView3">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<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>
    <telerik:RadPageView runat="server" ID="RadPageView2">
        ...PageView2 content...
    </telerik:RadPageView>
    <telerik:RadPageView runat="server" ID="RadPageView3">
        ...PageView3 content...
    </telerik:RadPageView>
</telerik:RadMultiPage>

Regards,
Ivan Danchev
Telerik
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
Tags
TabStrip
Asked by
Johnathan
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or