This is a migrated thread and some comments may be shown as answers.

Controls losing values when ajaxed

3 Answers 124 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Darren
Top achievements
Rank 1
Darren asked on 16 Mar 2010, 04:43 PM

Hi, I have an ajax panel wrapping the whole content of a content page (I use masterpages) and the problem is that I have some panels that are set to visibile="false" when the page is loaded and then made visible based on the value of a combo box select change. If I tab to these newly visible controls and enter a value it is like the value isn't really in there, because when I tab back or if I post-back then the values are cleared out. What can I be doing wrong? Thanks in advance.

 

<

 

asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

 

 

 

<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">

 

 

 

</asp:ScriptManagerProxy>

 

 

 

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%">
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
etc......................

 

 

 

 


3 Answers, 1 is accepted

Sort by
0
Iana Tsolova
Telerik team
answered on 19 Mar 2010, 11:45 AM
Hi Darren,

Can you paste the declaration of the problematic controls as well, or the whole page content, for further look up?

Looking forward your reply,
Iana
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.
0
Darren
Top achievements
Rank 1
answered on 30 Mar 2010, 04:57 PM
Here is the page: Thanks.

<

 

asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

 

 

<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">

 

 

</asp:ScriptManagerProxy>

 

 

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%">

 

 

<asp:MultiView ID="mvMain" runat="server">

 

 

<asp:View ID="vwAnonymous" runat="server">

 

 

<p class="textwarningbig" style="text-align: center!important;">

 

You must sign-in to be able to register for MASTERs.

<br />

 

 

<br />

 

 

</p>

 

 

</asp:View>

 

 

<asp:View ID="vwAlreadyRegistered" runat="server">

 

 

<p class="textwarningbig" style="text-align: center!important;">

 

You are already registered for the MASTERs Conference.

<br />

 

 

<br />

 

 

</p>

 

 

</asp:View>

 

 

<asp:View ID="vwAuthenticated" runat="server">

 

 

<asp:Panel ID="pnlDontLetMeRegister" runat="server" Visible="false">

 

 

<p class="textwarningbig" style="text-align: center!important;">

 

Registration is now closed.

<br />

 

 

<br />

 

 

</p>

 

 

</asp:Panel>

 

 

<asp:Panel ID="pnlLetMeRegister" runat="server">

 

 

<div class="profilex">

 

 

<asp:Panel ID="pnlOpen" runat="server">

 

 

<p>

 

 

<span class="info">You are registering for the MASTERs Conference which includes all

 

classes, a USB Flash Drive with all class material, overnight accommodations (unless

you request to not have a hotel room), meals and entertainment.

</span>

 

 

</p>

 

 

<p>

 

 

<span class="info">Please provide the following information and be careful to only press

 

the Submit Payment button once to avoid duplicate charges.

</span><br />

 

 

</p>

 

 

</asp:Panel>

 

 

</div>

 

 

<asp:Wizard ID="UserWizard" HeaderText="Register for MASTERs" ActiveStepIndex="0"

 

 

Height="120px" runat="server" BackColor="Transparent" BorderColor="#302F2F" BorderWidth="1px"

 

 

Font-Names="Verdana" Font-Size="0.8em" DisplaySideBar="False">

 

 

<StartNavigationTemplate>

 

 

<asp:Button ID="StartNextButton" runat="server" CommandName="MoveNext" Text="Next"

 

 

CausesValidation="True" />

 

 

</StartNavigationTemplate>

 

 

<WizardSteps>

 

 

<asp:WizardStep ID="WizardStep1" runat="server" Title="Attendee Info">

 

 

<table class="tblpadnobord">

 

 

<tr>

 

 

<td class="td750padc" align="center">

 

 

<h2>

 

Attendee Info

</h2>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

Required fields are marked with

&nbsp;&nbsp;

 

 

<img src='images/required-fields.gif' /><br />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<hr class="hr" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblRegFirstName" runat="server" AssociatedControlID="rtbRegFirstName"

 

 

CssClass="fieldheading">Attendee First Name</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="RegFirstNameRequired" runat="server" ControlToValidate="rtbRegFirstName"

 

 

ErrorMessage="<img src='images/warning.gif'/>" ToolTip="Attendee First Name is required."

 

 

Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbRegFirstName" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="1">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblRegLastName" runat="server" AssociatedControlID="rtbRegLastName"

 

 

CssClass="fieldheading">Attendee Last Name</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="RegLastNameRequired" runat="server" ControlToValidate="rtbRegLastName" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Attendee Last Name is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbRegLastName" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="2">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblRegCompany" runat="server" AssociatedControlID="rtbRegCompanyName"

 

 

CssClass="fieldheading">Attendee Company</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="RegCompanyRequired" runat="server" ControlToValidate="rtbRegCompanyName"

 

 

ErrorMessage="<img src='images/warning.gif'/>" ToolTip="Attendee Company is required."

 

 

Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbRegCompanyName" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="3">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblRegEmail" runat="server" AssociatedControlID="rtbRegEmail" CssClass="fieldheading">Attendee Email</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="RegEmailRequired" runat="server" ControlToValidate="rtbRegEmail" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Attendee Email is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbRegEmail" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="4">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<table cellspacing="0" cellpadding="0" border="0">

 

 

<tr>

 

 

<td class="td300pad">

 

 

<asp:Label ID="lblAffiliation" runat="server" CssClass="fieldheading">Affiliation to Microchip</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="rfvAffiliation" runat="server" ControlToValidate="rcbAffiliation" ErrorMessage="<img src='images/warning.gif'/>"

 

 

SetFocusOnError="True" InitialValue="Affiliation?" Display="dynamic">

 

 

</asp:RequiredFieldValidator><br />

 

 

<telerik:RadComboBox ID="rcbAffiliation" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="200px" AutoPostBack="true" CausesValidation="false" CollapseAnimation-Type="None"

 

 

ExpandAnimation-Type="None" TabIndex="5">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

<%

-- <td width="5px">

 

&nbsp;

</td>--

 

%>

 

 

<td class="td300pad">

 

 

<asp:Panel ID="pnlConsultant" runat="server">

 

 

<asp:Label ID="lblAffiliationNumber" runat="server" CssClass="fieldheading">Affiliation ID</asp:Label>&nbsp;

 

 

<asp:RequiredFieldValidator ID="rfvAffiliationNumber" runat="server" ControlToValidate="rtbAffiliationNumber"

 

 

ErrorMessage="<img src='images/warning.gif'/>" SetFocusOnError="True" Display="dynamic">

 

 

</asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbAffiliationNumber" runat="server" Width="100px" AutoPostBack="true"

 

 

CausesValidation="false" TabIndex="6">

 

 

</telerik:RadTextBox>&nbsp;<asp:Label ID="lblAffiliationNumberMessage" runat="server"></asp:Label></asp:Panel>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<table cellspacing="0" cellpadding="0" border="0">

 

 

<tr>

 

 

<td class="td300pad">

 

 

<asp:Label ID="lblHow" runat="server" CssClass="fieldheading">How did you hear about MASTERs?</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="rfvHow" runat="server" ControlToValidate="rcbHow" ErrorMessage="<img src='images/warning.gif'/>"

 

 

SetFocusOnError="True" InitialValue="How?" Display="dynamic">

 

 

</asp:RequiredFieldValidator><br />

 

 

<telerik:RadComboBox ID="rcbHow" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="200px" CollapseAnimation-Type="None" ExpandAnimation-Type="None" TabIndex="7">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

<%

-- <td width="5px">

 

&nbsp;

</td>--

 

%>

 

 

<td class="td300pad">

 

 

<asp:Label ID="lblMarketingDetails" runat="server" CssClass="fieldheading">Please provide details</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="rfvMarketingDetails" runat="server" ControlToValidate="rtbMarketingDetails"

 

 

ErrorMessage="<img src='images/warning.gif'/>" SetFocusOnError="True" Display="dynamic">

 

 

</asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbMarketingDetails" runat="server" Width="200px" TabIndex="8">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblShirt" runat="server" AssociatedControlID="rcbShirt" CssClass="fieldheading">Shirt Size (everyone gets a free shirt!)</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="ShirtRequired" runat="server" ControlToValidate="rcbShirt" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Shirt Size is required." InitialValue="Shirt Size?" Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadComboBox ID="rcbShirt" runat="server" Skin="Default" MarkFirstMatch="True"

 

 

CollapseAnimation-Type="None" ExpandAnimation-Type="None" ShowToggleImage="true"

 

 

Height="200px" AutoPostBack="false" TabIndex="9">

 

 

<ExpandAnimation Type="None"></ExpandAnimation>

 

 

<CollapseAnimation Type="None"></CollapseAnimation>

 

 

</telerik:RadComboBox>

 

 

&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</asp:WizardStep>

 

 

<asp:WizardStep ID="WizardStep2" runat="server" Title="Conference Options and Choices">

 

 

<table class="tblpadnobord">

 

 

<tr>

 

 

<td class="td750padc" align="center">

 

 

<h2>

 

Conference Options and Choices

</h2>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

Required fields are marked with

&nbsp;&nbsp;

 

 

<img src='images/required-fields.gif' /><br />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<hr class="hr" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<p>

 

 

<span class="info2">As well as attending the main MASTERs Conference you also have to

 

choice to register for the Pre-Conference. Please make your selection:

<br />

 

 

<br />

 

 

</span>

 

 

</p>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<telerik:RadComboBox ID="rcbConference" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="400px" AutoPostBack="true" CausesValidation="false" CollapseAnimation-Type="None"

 

 

ExpandAnimation-Type="None" TabIndex="10">

 

 

<Items>

 

 

<telerik:RadComboBoxItem Text="Please select your conference option" Value="-1" Selected="false" />

 

 

<telerik:RadComboBoxItem Text="Full Conference (includes Pre-Conference for extra fee)"

 

 

Value="B" />

 

 

<telerik:RadComboBoxItem Text="Main Conference Only (does NOT include Pre-Conference)"

 

 

Value="M" />

 

 

</Items>

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

&nbsp;<img src='images/required-fields.gif' />

 

 

&nbsp;<asp:RequiredFieldValidator ID="rfvConference" runat="server" ControlToValidate="rcbConference"

 

 

ErrorMessage="<img src='images/warning.gif'/>" SetFocusOnError="True" Display="dynamic"

 

 

InitialValue="Please select your conference option">

 

 

</asp:RequiredFieldValidator>

 

 

</td>

 

 

</tr>

 

 

<asp:Panel ID="pnlOptions" runat="server" Width="100%">

 

 

<tr>

 

 

<td class="td750pad">

 

 

<table cellspacing="0" cellpadding="0" border="0">

 

 

<tr>

 

 

<td width="20px" valign="bottom">

 

 

<asp:CheckBox ID="chkNoRoomRequired" runat="server" Checked="false" AutoPostBack="true"

 

 

CausesValidation="false" TabIndex="11"></asp:CheckBox>

 

 

</td>

 

 

<td valign="bottom">

 

 

<asp:Label ID="lblNoRoomRequired" runat="server" CssClass="fieldheading">I <b>do not</b> need a hotel room at the JW Marriott Desert Ridge Resort.</asp:Label>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

</tr>

 

 

<asp:Panel ID="pnlDates" runat="server" Width="100%">

 

 

<tr>

 

 

<td>

 

 

<hr />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<table cellspacing="0" cellpadding="0" border="0">

 

 

<tr>

 

 

<td colspan="3">

 

 

<p>

 

 

<span class="info2">If you need additional hotel nights for an extra cost then please

 

specify them here:

<br />

 

 

<br />

 

 

</span>

 

 

</p>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td colspan="3" valign="bottom" align="center">

 

 

<telerik:RadCalendar ID="rcDates" runat="server" DayNameFormat="FirstLetter" Skin="Default"

 

 

ShowOtherMonthsDays="true" RangeMinDate="8/15/2010" RangeMaxDate="8/29/2010"

 

 

ShowRowHeaders="false" PresentationType="Preview" EnableNavigation="False" EnableMonthYearFastNavigation="false"

 

 

TabIndex="12">

 

 

</telerik:RadCalendar>

 

 

<br />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td colspan="3">

 

 

<p>

 

 

<span class="info2">If you need additional hotel nights for an extra cost then please

 

specify them here:

<br />

 

 

<br />

 

 

</span>

 

 

</p>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td valign="bottom" style="width: 45%;">

 

 

<asp:Label ID="lblArrivalDate" runat="server" CssClass="fieldheading">Book extra hotel nights starting (Arrival Date):</asp:Label><br />

 

 

<telerik:RadComboBox ID="rcbArrivalDate" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="200px" AutoPostBack="false" CollapseAnimation-Type="None" ExpandAnimation-Type="None"

 

 

TabIndex="13">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

</td>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

<td valign="bottom" style="width: 45%;">

 

 

<asp:Label ID="lblDepartureDate" runat="server" CssClass="fieldheading">Book extra hotel nights ending (Departure Date):</asp:Label><br />

 

 

<telerik:RadComboBox ID="rcbDepartureDate" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="200px" AutoPostBack="false" CollapseAnimation-Type="None" ExpandAnimation-Type="None"

 

 

TabIndex="14">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<hr />

 

 

</td>

 

 

</tr>

 

 

</asp:Panel>

 

 

</asp:Panel>

 

 

<tr>

 

 

<td align="left">

 

 

&nbsp;

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:CheckBox ID="chkSignificantOther" runat="server" Checked="false" AutoPostBack="false"

 

 

CausesValidation="false" TabIndex="15"></asp:CheckBox>&nbsp;<asp:Label ID="lblSignificantOther"

 

 

runat="server" CssClass="fieldheading">My spouse/partner will be attending</asp:Label>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblNumChildren" runat="server" CssClass="fieldheading">How many of your children with be attending?</asp:Label><br />

 

 

<telerik:RadComboBox ID="rcbNumChildren" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="50px" AutoPostBack="false" CausesValidation="false" CollapseAnimation-Type="None"

 

 

ExpandAnimation-Type="None" TabIndex="16">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblPromotionCode" runat="server" CssClass="fieldheading">Promotion Code - enter it here if one was provided to you.</asp:Label><br />

 

 

<telerik:RadTextBox ID="rtbPromotionCode" runat="server" Width="150px" AutoPostBack="true"

 

 

CausesValidation="false" TabIndex="17">

 

 

</telerik:RadTextBox>&nbsp;<asp:Label ID="lblPromoMessage" runat="server"></asp:Label>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblSpecial" runat="server" CssClass="fieldheading">Do you have any special requests or needs?</asp:Label><br />

 

 

<telerik:RadTextBox ID="rtbSpecial" TextMode="MultiLine" runat="server" Width="500px"

 

 

MaxLength="1000" Rows="5">

 

 

</telerik:RadTextBox>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</asp:WizardStep>

 

 

<asp:WizardStep ID="WizardStep3" runat="server" Title="Conference Cost">

 

 

<table class="tblpadnobord">

 

 

<tr>

 

 

<td class="td750padc" align="center">

 

 

<h2>

 

Conference Cost

</h2>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<hr class="hr" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<table cellspacing="0" cellpadding="0" border="0">

 

 

<tr>

 

 

<td>

 

 

<asp:Label ID="lblTotalBilled" runat="server" CssClass="memo" Visible="true"></asp:Label><br />

 

 

<br />

 

 

<asp:Button ID="btnCalculateTotal" runat="server" Text="Show My Cost" CausesValidation="false"

 

 

Width="125px" TabIndex="19" />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</asp:WizardStep>

 

 

<asp:WizardStep ID="WizardStep4" runat="server" Title="Billing Info and Payment">

 

 

<table class="tblpadnobord">

 

 

<tr>

 

 

<td class="td750padc" align="center">

 

 

<h2>

 

Billing Info and Payment

</h2>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

Required fields are marked with

&nbsp;&nbsp;

 

 

<img src='images/required-fields.gif' /><br />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

Please provide the billing information. The name and address should be the same

name and address that appears on your credit card, or should be the contact information

if paying by purchase order.

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<hr />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblFirstName" runat="server" AssociatedControlID="rtbFirstName" CssClass="fieldheading">Billing First Name</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="FirstNameRequired" runat="server" ControlToValidate="rtbFirstName" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Given Name is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbFirstName" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="20">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblLastName" runat="server" AssociatedControlID="rtbLastName" CssClass="fieldheading">Billing Last Name</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="LastNameRequired" runat="server" ControlToValidate="rtbLastName" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Family Name is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbLastName" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="21">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblCompany" runat="server" AssociatedControlID="rtbCompanyName" CssClass="fieldheading">Billing Company</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="CompanyRequired" runat="server" ControlToValidate="rtbCompanyName" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Company is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbCompanyName" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="22">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblAddress1" runat="server" AssociatedControlID="rtbAddress1" CssClass="fieldheading">Billing Address 1</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="Address1Required" runat="server" ControlToValidate="rtbAddress1" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Street Address is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbAddress1" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="23">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblAddress2" runat="server" AssociatedControlID="rtbAddress2" CssClass="fieldheading">Billing Address 2</asp:Label><br />

 

 

<telerik:RadTextBox ID="rtbAddress2" runat="server" Skin="Default" Width="200px"

 

 

TabIndex="24">

 

 

</telerik:RadTextBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblCity" runat="server" AssociatedControlID="rtbCity" CssClass="fieldheading">Billing City</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="CityRequired" runat="server" ControlToValidate="rtbCity" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="City is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbCity" runat="server" Skin="Default" Width="200px" TabIndex="25">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblPostalCode" runat="server" AssociatedControlID="rtbPostalCode"

 

 

CssClass="fieldheading">Billing Zip/Postal Code</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="PostalCodeRequired" runat="server" ControlToValidate="rtbPostalCode" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Postal Code is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbPostalCode" runat="server" Skin="Default" Width="100px"

 

 

TabIndex="26">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblCountry" runat="server" AssociatedControlID="rcbCountry" CssClass="fieldheading">Billing Country</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="CountryRequired" runat="server" ControlToValidate="rcbCountry" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="Country is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadComboBox ID="rcbCountry" runat="server" Skin="Default" MarkFirstMatch="True"

 

 

CollapseAnimation-Type="None" ExpandAnimation-Type="None" ShowToggleImage="true"

 

 

Height="200px" AutoPostBack="false" TabIndex="27">

 

 

<ExpandAnimation Type="None"></ExpandAnimation>

 

 

<CollapseAnimation Type="None"></CollapseAnimation>

 

 

</telerik:RadComboBox>

 

 

&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<asp:Panel ID="pnlStateCombo" runat="server">

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblState" runat="server" AssociatedControlID="rcbState" CssClass="fieldheading">Billing State/Province</asp:Label>&nbsp;<asp:RequiredFieldValidator

 

 

ID="StateRequired" runat="server" ControlToValidate="rcbState" ErrorMessage="<img src='images/warning.gif'/>"

 

 

ToolTip="State/Province is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadComboBox ID="rcbState" runat="server" Skin="Default" MarkFirstMatch="True"

 

 

CollapseAnimation-Type="None" ExpandAnimation-Type="None" ShowToggleImage="true"

 

 

Height="200px" AutoPostBack="false" TabIndex="28">

 

 

<ExpandAnimation Type="None"></ExpandAnimation>

 

 

<CollapseAnimation Type="None"></CollapseAnimation>

 

 

</telerik:RadComboBox>

 

 

&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

</asp:Panel>

 

 

<asp:Panel ID="pnlStateText" runat="server">

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblState2" runat="server" AssociatedControlID="rtbState2" CssClass="fieldheading">Billing State/Province</asp:Label><br />

 

 

<telerik:RadTextBox ID="rtbState2" runat="server" Skin="Default" Width="200px" TabIndex="29">

 

 

</telerik:RadTextBox>

 

 

</td>

 

 

</tr>

 

 

</asp:Panel>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblEmail" runat="server" AssociatedControlID="rtbEmail" CssClass="fieldheading">Billing Email</asp:Label>&nbsp;

 

 

<br />

 

 

<telerik:RadTextBox ID="rtbEmail" runat="server" Skin="Default" Width="200px" TabIndex="30">

 

 

</telerik:RadTextBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblPhone" runat="server" AssociatedControlID="rtbPhone" CssClass="fieldheading">Billing Phone</asp:Label>&nbsp;

 

 

<asp:RequiredFieldValidator ID="PhoneRequired" runat="server" ControlToValidate="rtbPhone"

 

 

ErrorMessage="<img src='images/warning.gif'/>" ToolTip="Phone is required." Display="Dynamic"></asp:RequiredFieldValidator><br />

 

 

<telerik:RadTextBox ID="rtbPhone" runat="server" Skin="Default" Width="200px" TabIndex="31">

 

 

</telerik:RadTextBox>&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:RequiredFieldValidator ID="rfvMethod" runat="server" ControlToValidate="rcbMethod"

 

 

ErrorMessage="<img src='images/warning.gif'/>" SetFocusOnError="True" InitialValue="Payment Method?"

 

 

Display="dynamic">

 

 

</asp:RequiredFieldValidator>

 

 

<asp:Label ID="lblMethod" runat="server" CssClass="fieldheading">Payment Method</asp:Label><br />

 

 

<telerik:RadComboBox ID="rcbMethod" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="200px" AutoPostBack="true" CausesValidation="false" CollapseAnimation-Type="None"

 

 

ExpandAnimation-Type="None" TabIndex="32">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

&nbsp;<img src='images/required-fields.gif' />

 

 

</td>

 

 

</tr>

 

 

<asp:Panel ID="pnlPODisplay" runat="server" Visible="false">

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:RequiredFieldValidator ID="rfvPONumber" runat="server" ControlToValidate="rtbPONumber"

 

 

ErrorMessage="<img src='images/warning.gif'/>" SetFocusOnError="True" Display="dynamic"

 

 

EnableClientScript="true">

 

 

</asp:RequiredFieldValidator>

 

 

<asp:Label ID="lblPONumber" runat="server" CssClass="fieldheading">Purchase Order Number</asp:Label><br />

 

 

<telerik:RadTextBox ID="rtbPONumber" runat="server" Width="200px" TabIndex="37">

 

 

</telerik:RadTextBox>

 

 

</td>

 

 

</tr>

 

 

</asp:Panel>

 

 

<asp:Panel ID="pnlCCDisplay" runat="server" Visible="false">

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:RequiredFieldValidator ID="rfvCardNumber" runat="server" ControlToValidate="rtbCardNumber"

 

 

ErrorMessage="<img src='images/warning.gif'/>" SetFocusOnError="True" Display="dynamic">

 

 

</asp:RequiredFieldValidator><asp:CustomValidator ID="cfvCardNumber" runat="server"

 

 

ErrorMessage="Invalid Format" Display="Dynamic"></asp:CustomValidator>

 

 

<asp:Label ID="lblCardNumber" runat="server" CssClass="fieldheading">Card Number</asp:Label><br />

 

 

<telerik:RadTextBox ID="rtbCardNumber" runat="server" Width="200px" TabIndex="33">

 

 

</telerik:RadTextBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:CustomValidator ID="cfvExpirationDate" runat="server" ErrorMessage="" ClientValidationFunction="CheckExpirationDate"

 

 

SetFocusOnError="true" ControlToValidate="rcbYear" ValidateEmptyText="true" Display="dynamic">

 

 

</asp:CustomValidator>

 

 

<asp:Label ID="lblExpirationDate" runat="server" CssClass="fieldheading">Expiration Date</asp:Label><br />

 

 

<telerik:RadComboBox ID="rcbMonth" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="150px" AutoPostBack="false" CollapseAnimation-Type="None" ExpandAnimation-Type="None"

 

 

TabIndex="34">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

&nbsp;

 

 

<telerik:RadComboBox ID="rcbYear" runat="server" MarkFirstMatch="True" ShowToggleImage="true"

 

 

Width="150px" AutoPostBack="false" CollapseAnimation-Type="None" ExpandAnimation-Type="None"

 

 

TabIndex="35">

 

 

<ExpandAnimation Type="None" />

 

 

<CollapseAnimation Type="None" />

 

 

</telerik:RadComboBox>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:RequiredFieldValidator ID="rfvSecurityCode" runat="server" ControlToValidate="rtbSecurityCode"

 

 

ErrorMessage="<img src='images/warning.gif'/>" SetFocusOnError="True" Display="dynamic">

 

 

</asp:RequiredFieldValidator>

 

 

<asp:Label ID="lblSecurityCode" runat="server" CssClass="fieldheading">Security Code (CVV2)</asp:Label><asp:Label

 

 

ID="lblSecurityInfo" runat="server"></asp:Label><br />

 

 

<telerik:RadTextBox ID="rtbSecurityCode" runat="server" Width="50px" TabIndex="36">

 

 

</telerik:RadTextBox>

 

 

</td>

 

 

</tr>

 

 

</asp:Panel>

 

 

<tr>

 

 

<td class="td750pad">

 

 

<asp:Label ID="lblError" runat="server" CssClass="textwarning"></asp:Label>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

&nbsp;

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td class="td750pad">

 

Please press the Submit Payment button once. Pressing it multiple times will result

in multiple charges.

 

</td>

 

 

</tr>

 

 

</table>

 

 

</asp:WizardStep>

 

 

</WizardSteps>

 

 

<FinishNavigationTemplate>

 

 

<asp:Button ID="FinishPreviousButton" runat="server" CausesValidation="False" CommandName="MovePrevious"

 

 

Text="Previous" />

 

 

<asp:Button ID="FinishButton" runat="server" CommandName="MoveComplete" Text="Finish"

 

 

CausesValidation="True" />

 

 

</FinishNavigationTemplate>

 

 

<HeaderStyle Height="24px" BackColor="#000000" BorderColor="#302f2f" BorderStyle="Solid"

 

 

BorderWidth="2px" Font-Bold="True" Font-Size="1em" ForeColor="#ffffff" HorizontalAlign="Center" />

 

 

<StepNavigationTemplate>

 

 

<asp:Button ID="StepPreviousButton" runat="server" CausesValidation="False" CommandName="MovePrevious"

 

 

Text="Previous" />

 

 

<asp:Button ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Next"

 

 

CausesValidation="True" />

 

 

</StepNavigationTemplate>

 

 

</asp:Wizard>

 

 

</asp:Panel>

 

 

</asp:View>

 

 

</asp:MultiView>

 

 

</telerik:RadAjaxPanel>

 

 

<p style="text-align: center;">

 

 

<asp:HyperLink ID="lnkPrivacy" runat="server" NavigateUrl="Privacy.aspx" Target="_blank">Privacy Statement</asp:HyperLink></p>

 

</

 

asp:Content>

 




0
Iana Tsolova
Telerik team
answered on 01 Apr 2010, 12:48 PM
Hello Darren,

I checked the code but could not find the source of the problem there. I tried running it in order to debug it but to no avail.
Can you check the attached sample and try providing additional steps I need to perform to replicate the issue on my side. 

Best wishes,
Iana
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.
Tags
Ajax
Asked by
Darren
Top achievements
Rank 1
Answers by
Iana Tsolova
Telerik team
Darren
Top achievements
Rank 1
Share this question
or