RadAjaxPanel not working in Firefox to show RadMultipages

[Sekar]

Hi there

  I am using the RadMultiPage with set of PageViews for a wizard functionality. It works fine before i introduce the RadAjaxPanel around that. After i do so, i see it is not working only in Firefox. IE seems to be fine navigation the wizard. For Firefox, it fires the event in serverside while i click the next/back button in each pageView but the next page is not selected.

I also tried the fix for Firefox from this solution - http://www.telerik.com/help/aspnet-ajax/ajaxviewstatefirefox.html but no luck

Details

DNN Website

Telerik Q1 2010 controls

Here is my ASCX snippet.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SiteConfigWizard.ascx.cs"
    Inherits="SiteConfigWizard" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Transparency="30" IsSticky="false"
    BackgroundPosition="Center">
    <asp:Image ID="image1" runat="server" AlternateText="Loading..." ImageUrl="~/images/Loading1.gif" />
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1" >
    <telerik:RadMultiPage ID="radSiteConfigPages" SelectedIndex="0" runat="server">
        <telerik:RadPageView ID="pgHome" runat="server">
            <fieldset class="fs_standard">
                <h3>
                    <asp:Label ID="lblHead_Home" runat="server" Text="Create a new site"></asp:Label></h3>
                <p class="blurb">
                    <asp:Label ID="lblSubHead_Home" runat="server" Text="Provide the basic settings for creating a new site."></asp:Label></p>
                <table class="tbl_form">
                    <tr>
                        <td>
                            <label>
                                Site Name *</label>
                        </td>
                        <td class="td_input_text">
                            <asp:TextBox ID="txtSiteName" runat="server" Font-Size="Medium" Font-Bold="true"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="rfvSiteName" runat="server" ControlToValidate="txtSiteName"
                                Text="*" ErrorMessage="Site name is required."></asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <telerik:RadToolTip ID="rttSiteName" ShowEvent="OnClick" HideEvent="LeaveTargetAndToolTip"
                                Sticky="true" ShowDelay="50" runat="server" TargetControlID="txtSiteName" RelativeTo="Element"
                                Animation="None" Position="MiddleRight">
                                The alias name of the site used for uniquely identifying it. This name should be
                                unique.</telerik:RadToolTip>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                Site Alias Name *</label>
                        </td>
                        <td class="td_input_text">
                            <asp:TextBox ID="txtSiteAlias" runat="server" Font-Size="Medium" Font-Bold="true"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="rfvSiteAlias" runat="server" ControlToValidate="txtSiteAlias"
                                Text="*" ErrorMessage="Site Alias is required."></asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <telerik:RadToolTip ID="rttSiteAlias" ShowEvent="OnClick" HideEvent="LeaveTargetAndToolTip"
                                Sticky="true" ShowDelay="50" runat="server" TargetControlID="txtSiteAlias" RelativeTo="Element"
                                Animation="None" Position="MiddleRight">
                                The alias name of the site used for uniquely identifying it. This name should be
                                unique.</telerik:RadToolTip>
                        </td>
                    </tr>
                    <tr valign="top">
                        <td>
                            <label>
                                Website Type *</label>
                        </td>
                        <td>
                            <asp:RadioButtonList ID="rblWebSiteType" runat="server" RepeatDirection="Horizontal">
                            </asp:RadioButtonList>
                            <asp:RequiredFieldValidator ID="rfvSiteType" runat="server" ControlToValidate="rblWebSiteType"
                                Text="*" ErrorMessage="Site Type is required."></asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <telerik:RadToolTip ID="rttSiteType" ShowEvent="OnClick" HideEvent="LeaveTargetAndToolTip"
                                Sticky="true" ShowDelay="50" runat="server" TargetControlID="rblWebSiteType"
                                RelativeTo="Element" Animation="None" Position="MiddleRight">
                                The type of the site. For promotional site, select Promotion, otherwise select Website.</telerik:RadToolTip>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td colspan="2">
                            <div class="cta">
                                <asp:LinkButton ID="lbtNextPage_Home" CssClass="button" runat="server" OnClick="lbtNextPage_Home_Click"><span>Next &gt;</span></asp:LinkButton>
                                <div class="clear">
                                </div>
                            </div>
                        </td>
                    </tr>
                    <%-- <tr>
                    <td>
                        Website Default Timezone
                    </td>
                    <td>
                        <asp:DropDownList ID="drpTimeZones" runat="server">
                        </asp:DropDownList>
                    </td>
                </tr>--%>
                </table>
            </fieldset>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pgImport" runat="server">
            <fieldset class="fs_standard">
                <h3>
                    <asp:Label ID="lblHead_Import" runat="server" Text="Import Existing Website settings"></asp:Label></h3>
                <p class="blurb">
                    <asp:Label ID="lblSubHead_Import" runat="server" Text="You can select an existing website to get all its information automatically imported to your new site."></asp:Label></p>
                <p>
                    Would you like to import settings?
                    <asp:RadioButtonList ID="rbtImportSettings" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rbtImportSettings_SelectedIndexChanged">
                        <asp:ListItem Text="Yes, Show me existing website" Value="1"></asp:ListItem>
                        <asp:ListItem Text="No Thanks! Let me create it from scratch." Value="2" Selected="True"></asp:ListItem>
                    </asp:RadioButtonList>
                </p>
                <div id="divExistingPromo" runat="server" visible="false" style="padding-bottom: 28px;">
                    Select any existing Website to import it's settings: &nbsp;
                    <telerik:RadComboBox ID="rcbExistingWeb" runat="server" Skin="Web20" Text="Select One..."
                        ExpandAnimation-Type="OutBack" CollapseAnimation-Type="InBack" Width="150px"
                        DropDownWidth="150px">
                    </telerik:RadComboBox>
                    <telerik:RadToolTip ID="rttExistingPromo" ShowEvent="OnClick" HideEvent="LeaveTargetAndToolTip"
                        Sticky="true" ShowDelay="50" runat="server" TargetControlID="rcbExistingWeb"
                        RelativeTo="Element" Animation="None" Position="MiddleRight">
                        These are the previous promotion available. Select any of them to import all those
                        settings.</telerik:RadToolTip>
                </div>
                <div class="cta">
                    <asp:LinkButton ID="lbtPrevPage_Import" runat="server" CssClass="button_soft" OnClick="lbtPrevPage_Import_Click"><span>&lt; Back</span></asp:LinkButton>
                    <asp:LinkButton ID="lbtNextPage_Import" runat="server" CssClass="button" OnClick="lbtNextPage_Import_Click"><span>Next &gt;</span></asp:LinkButton>
                    <div class="clear">
                    </div>
                </div>
            </fieldset>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pgTemplates" runat="server">
            <fieldset class="fs_standard">
                <h3>
                    <asp:Label ID="lblHead_Templates" runat="server" Text="Website template"></asp:Label></h3>
                <p class="blurb">
                    <asp:Label ID="lblSubHead_Templates" runat="server" Text="Templates provides the skin and other apperance for your site. Select one of the
                    available template."></asp:Label></p>
                <fieldset>
                    <h4>
                        Available Templates</h4>
                    <telerik:RadListBox ID="lstTemplates" Width="200" Height="200" SelectionMode="Single"
                        AutoPostBack="true" Skin="Web20" runat="server">
                    </telerik:RadListBox>
                    <div class="snapshots">
                        <<asp:Image ID="imgTemplate" runat="server" />
                        <img src="/Portals/0/snapshot_blue.gif" width="200" height="150" alt="Default Blue"
                            class="snapshot" />
                        <img src="/Portals/0/snapshot_brown.gif" width="200" height="150" alt="Default Brown"
                            class="snapshot" />
                        <img src="/Portals/0/snapshot_green.gif" width="200" height="150" alt="Default Green"
                            class="snapshot" />
                    </div>
                </fieldset>
                <div class="cta">
                    <asp:LinkButton ID="lbtPrevPage_Template" runat="server" CssClass="button_soft" OnClick="lbtPrevPage_Template_Click"><span>&lt; Back</span></asp:LinkButton>
                    <asp:LinkButton ID="lbtNextPage_Template" runat="server" CssClass="button" OnClick="lbtNextPage_Template_Click"><span>Next &gt;</span></asp:LinkButton>
                    <div class="clear">
                    </div>
                </div>
            </fieldset>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pgPromo" runat="server">
            <fieldset class="fs_standard">
                <h3>
                    <asp:Label ID="lblHead_Promo" runat="server" Text="You've selected Promotion"></asp:Label></h3>
                <p class="blurb">
                    <asp:Label ID="lblSubHead_Promo" runat="server" Text="Let's know more about this Promotion."></asp:Label></p>
                <fieldset>
                    <h4>
                        Promotion Type</h4>
                    <p>
                        Select a type that best suits this promotion.</p>
                    <telerik:RadComboBox ID="rcbPromoType" runat="server" Skin="Web20" ExpandAnimation-Type="OutBack"
                        CollapseAnimation-Type="InBack" Width="250px" DropDownWidth="250px">
                    </telerik:RadComboBox>
                    <telerik:RadToolTip ID="rttPromoType" ShowEvent="OnClick" HideEvent="LeaveTargetAndToolTip"
                        Sticky="true" ShowDelay="50" runat="server" TargetControlID="rcbPromoType" RelativeTo="Element"
                        Animation="None" Position="MiddleRight">
                        Select your promotion type.</telerik:RadToolTip>
                </fieldset>
                <fieldset>
                    <h4>
                        Duration <small>(optional)</small></h4>
                    <table class="tbl_form">
                        <tr>
                            <td>
                                <label>
                                    Promotion Start Date</label>
                            </td>
                            <td>
                                <telerik:RadDateTimePicker ID="calStartDate" runat="server" Calendar-DayNameFormat="Short"
                                    DateInput-DisplayDateFormat="M/d/yyyy hh:mm tt" DateInput-EmptyMessage="Pick a date">
                                </telerik:RadDateTimePicker>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    Promotion End Date</label>
                            </td>
                            <td>
                                <telerik:RadDateTimePicker ID="calEndDate" runat="server" Calendar-DayNameFormat="Short"
                                    DateInput-DisplayDateFormat="M/d/yyyy hh:mm tt" DateInput-EmptyMessage="Pick a date">
                                </telerik:RadDateTimePicker>
                            </td>
                        </tr>
                    </table>
                </fieldset>
                <div class="cta">
                    <asp:LinkButton ID="lbtPrevPage_Promo" runat="server" CssClass="button_soft" OnClick="lbtPrevPage_Promo_Click"><span>&lt; Back</span></asp:LinkButton>
                    <asp:LinkButton ID="lbtNextPage_Promo" runat="server" CssClass="button" OnClick="lbtNextPage_Promo_Click"><span>Next &gt;</span></asp:LinkButton>
                    <div class="clear">
                    </div>
                </div>
            </fieldset>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pgFinish1" runat="server">
            <fieldset class="fs_standard">
                <h3>
                    <asp:Label ID="lblHead_Finish1" runat="server" Text="ALL SET"></asp:Label></h3>
                <p class="blurb">
                    <asp:Label ID="lblSubHead_Finish1" runat="server" Text="We now have the basic information needed to create the new Promotion."></asp:Label></p>
                <div class="cta">
                    <asp:LinkButton ID="lbtPrevPage_Finish1" runat="server" CssClass="button_soft" OnClick="lbtPrevPage_Finish1_Click"><span>Back</span></asp:LinkButton>
                    <asp:LinkButton ID="lbtCreateSite_Finish1" runat="server" CssClass="button" OnClick="lbtCreateSite_Finish1_Click"><span>Create Site</span></asp:LinkButton>
                    <div class="clear">
                    </div>
                </div>
            </fieldset>
        </telerik:RadPageView>
        <telerik:RadPageView ID="pgFinish2" runat="server">
            <fieldset class="fs_standard">
                <h3>
                    <asp:Label ID="lblHead_Finish2" runat="server" Text="Site Created Successfully"></asp:Label></h3>
                <p class="blurb">
                    <asp:Label ID="lblSubHead_Finish2" runat="server" Text="Your new site was created successfully. Please go through the below information for accessing the new site."></asp:Label></p>
                <div id="divSiteDetails" runat="server" visible="false">
                    <fieldset>
                        <h4>
                            Your Site Name</h4>
                        <p class="confirm_site">
                            <asp:Label ID="lblSiteName" runat="server" Text="Snackonomics"></asp:Label></p>
                        <h4>
                            Your Site Path</h4>
                        <p class="confirm_url">
                            <a id="ancSitePath" runat="server" target="_blank" href="#"></a>
                        </p>
                        <input type="hidden" runat="server" id="hidPromoId" value="0" />
                        <input type="hidden" runat="server" id="hidWebsiteId" value="0" />
                    </fieldset>
                </div>
                <%--<p>
                You can now choose to either finish the wizard now, Or click continue to furnish
                more details that are required to make it work functionally</p>--%>
                <p>
                    You can now choose to finish the wizard and get into the detailed setting of promotion.
                    Otherwise, you can take a first look at the promotion.</p>
                <div class="cta">
                    <asp:LinkButton ID="lbtFinish2" runat="server" CssClass="button_soft" OnClick="lbtFinish2_Click"><span>Finish</span></asp:LinkButton>
                    <a id="ancSitePath2" runat="server" target="_blank" href="#" class="button"><span>Preview
                        site</span></a>
                    <div class="clear">
                    </div>
                </div>
            </fieldset>
        </telerik:RadPageView>
    </telerik:RadMultiPage>
</telerik:RadAjaxPanel>

[Maria Ilieva]

Hello Sekar,

Have you tested the application using regular asp UpdatePanel instead of RadAjaxpanel on the page? The help topic you mentioned should actually works correctly in your scenario. It will be very helpful if you could open a regular support ticket and send us sample runnable project which shows the issue. We will further research on it and advise you further.

Best wishes,
Maria Ilieva
the Telerik team

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 Public Issue Tracking system and vote to affect the priority of the items.

[Vikash]

its worked for me when I used Asp.Net updatepanel.