RadWizard and ajax Loading Panel

[Itamar]

Hi,

I have a radWizard and an ajaxloadingpanel (connected by a radajaxmanager)

However when I change steps the loading panel does not work,

The first step I am using the radwizard "next" button and on the second step y button is custom.On neither of the button clicks does the loading panel show.

Thanks

[Vessy]

Hello Itamar,

Can you make sure that you have set the Skin to the AjaxLoadingPanel?

Below you can see a sample where the loading panel is properly shown and compare it with your actual setup:

        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadWizard1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadWizard1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Silk"></telerik:RadAjaxLoadingPanel>

        <telerik:RadWizard RenderMode="Lightweight" ID="RadWizard1" runat="server"
            OnActiveStepChanged="RadWizard1_ActiveStepChanged1"
            Width="550px">
            <WizardSteps>
                <telerik:RadWizardStep Title="Personal Infor">
                    <telerik:RadTextBox RenderMode="Lightweight" ID="FirstNameTextBox" Label="First Name:" runat="server"></telerik:RadTextBox>
                    <br />
                    <telerik:RadTextBox RenderMode="Lightweight" ID="LastNameTextBox" Label="Last Name:" runat="server"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep Title="Contact Details">
                </telerik:RadWizardStep>
                <telerik:RadWizardStep Title="Additional Information">
                </telerik:RadWizardStep>
            </WizardSteps>
        </telerik:RadWizard>

    protected void RadWizard1_ActiveStepChanged1(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(4000);
    }

 

Regards,
Vessy
Progress Telerik

[Itamar]

Hi Vessy 

My skin is definitely set , as it works when other functions are run , only in the situation mentioned above it  doesnt work.

Ufortunately the your above suggested solution does not work either for me.

   <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadWizard1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadWizard1" UpdatePanelCssClass="updatePanel" LoadingPanelID="LoadingPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <asp:HiddenField runat="server" ID="hiddenBalance" />
        <telerik:RadAjaxLoadingPanel runat="server" Skin="MetroTouch" ID="LoadingPanel" InitialDelayTime="400"></telerik:RadAjaxLoadingPanel>

    <telerik:RadWizard ID="RadWizard1" runat="server" DisplayProgressBar="false"
        Width="82%" OnNextButtonClick="RadWizard1_NextButtonClick" RenderMode="Lightweight" Skin="Material" CssClass="radWizard"
        OnNavigationBarButtonClick="RadWizard1_NavigationBarButtonClick" OnActiveStepChanged="RadWizard1_ActiveStepChanged"  >

This is how it is currently set up..

[Vessy]

Hi Itamar,

Thanks a lot for the shared setup. When the OnNextButtonClick and the OnNavigationBarButtonClick events are handled, the control does not perform a full Postback, thus, no AjaxRequest is initiated. Keeping only the "OnActiveStepChanged" event will allow you to show the loading panel successfully.

You can find useful information about the different request types here:

https://www.telerik.com/blogs/different-ways-to-make-a-request-to-the-server

 

[Itamar]

Thank you Vessy,

I am now no longer using the  OnNextButtonClick and the OnNavigationBarButtonClick eventss at All I have and still it does not work 

The "btnNext_click"" event called below is from my own custom button 

protecbtnNext_Clited void btnNext_Click(object sender, EventArgs e)

    {
       
        RadWizard1.DisplayNavigationButtons = false;
        if (NextButtonClick() == true)
        {
            step2.Active = true;
        }
       
        
    
    }

[Vessy]

Hi Itamar,

Try setting the RenderedSteps property to "Active" as you will need a PostBack to happen for the AJAX requests. By default, all Steps are rendered, and switching between them would be without PostBacks.

Make sure also to remove the InitialDelayTime property from the AjaxLoadingPanel, in order to show it immediately.