[Solved] RadMultiPage with LoadingPanel

[George]

Hi Team,

I have a problem with which i would like some assistance if possible.

I created a page in which the user can apply for a job vacancy. The page is a wizard like page which contains a RadMultiPage and a Loading panel as follows:

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div>
        <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1" IsSticky="true" Transparency="10"
            Style="text-align: center; position:absolute; vertical-align: middle; z-index: 100; background-color: #E9EAEA; width:680px">
            <asp:Image runat="server" ID="LoadingImage1" ImageUrl="~/Images/boxLoading.gif" AlternateText="Loading..."
                Style="margin-top: 200px;" />
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1">
            <div style="float: left; width: 100%">
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated"
                    CssClass="multiPage" RenderSelectedPageOnly="true">
                </telerik:RadMultiPage>
            </div>
        </telerik:RadAjaxPanel>
    </div>
</asp:Content>

The Views for the RadMultiPage are loaded dynamically following this example http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/wizard/defaultcs.aspx. The problem is that the Loading panel doesn't get the proper HEIGHT according to each View. Some of the view contain collapsible panels other don't. I tried to set the height as percentage (say 100%) but it always uses the 100% of the initially loaded View (the first view). How can I make the loading panel to always cover the RadMultiPage careless of which view is being displayed and what is the height of the view ...

I appreciate it in advance ...

Best,

George Saadeh

[Iana Tsolova]

Hello George ,

Indeed, the RadAjaxLoadingPanel get its dimensions when the ajax request starts based on the current dimensions of the updated control and they cannot be changed on later stage. Therefore I would suggest that you show the loading panel over the whole page in order to overcome the described issue.

Sincerely yours,
Iana
the Telerik team