Dynamically load an ASPX page to a pageView on Client Site

[Bryan Tan]

Hi all,

I wish to load the ASPX file to the pageview on the client site. Can anybody show me the example?

Thanks.

Regards,
Bryan Tan

[Princy]

Hello Bryan Tan ,

One suggestion would be placing IFRAME element in pageview and setting the src accordingly from client code. Here is the code that I tried for achieving the same.

aspx:

<telerik:RadMultiPage runat="server" ID="RadMultiPage1">
    <telerik:RadPageView ID="RadPageView1" runat="server" Width="100%">
        PageView
        <iframe id="iframe1" frameborder="0" width="700" height="550"></iframe>
    </telerik:RadPageView>
</telerik:RadMultiPage>

javascript:

<script type="text/javascript">
    function changeURL() {
        var MultiPage = $find("<%=RadMultiPage1.ClientID %>");
        var pageView1 = MultiPage.findPageViewByID("RadPageView1");
        pageView1.select();
        var str = document.getElementById("iframe1");
        str.src = "http://www.google.com";
    }
</script>

Thanks,
Princy.

[Henry Cordova]

Hi Princy, the example works perfectly.

Is possible show the wait effect while the page loads in the iframe?

[Veronica]

Hi Henry Cordova,

Other possible solution to add pages in the PageView is to use the ContentUrl property added in Q3 2010 (version 2010.3.1109). Also you can display a loading animation while an external page is loading in a RadPageView. Please take a look at this Code Library for an example.

Best wishes,
Veronica Milcheva
the Telerik team