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 ></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: |
<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>< Back</span></asp:LinkButton> |
<asp:LinkButton ID="lbtNextPage_Import" runat="server" CssClass="button" OnClick="lbtNextPage_Import_Click"><span>Next ></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>< Back</span></asp:LinkButton> |
<asp:LinkButton ID="lbtNextPage_Template" runat="server" CssClass="button" OnClick="lbtNextPage_Template_Click"><span>Next ></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>< Back</span></asp:LinkButton> |
<asp:LinkButton ID="lbtNextPage_Promo" runat="server" CssClass="button" OnClick="lbtNextPage_Promo_Click"><span>Next ></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> |