RadMultipage, RadPageView and Drop down list data binding

2 posts, 0 answers
  1. MR
    MR avatar
    20 posts
    Member since:
    Dec 2011

    Posted 10 Aug 2014 Link to this post

    I have a RadMultipage with 3 RadPageView on the Second PageView I have couple of dropdown list which I select a value on Page Load but after I click on a button from RadPageView1 the dropdown list are not selected. what am I doing wrong. 

    Here is the code on the Page code

     protected void Page_Load(object sender, EventArgs e)
            {
                
                if (!Page.IsPostBack)
                {
                    DisplayAcceptedCards();

                    DropDownList prefixDropDownList = (DropDownList)RadMultiPage1.FindControl("PrefixDropDownList");
                    if (prefixDropDownList != null)
                    {
                        prefixDropDownList.SelectedValue = "922200002";
                    }

                    TextBox textFirstName = (TextBox)RadMultiPage1.FindControl("TextFirstName");
                    textFirstName.Text = "FirstName";
                  
                }
            }


    Below is the markup

        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"  RenderSelectedPageOnly="true"  ClientIDMode="Static">
                            <uc1:MessageBox ID="MessageBox1" runat="server" />
                            <telerik:RadPageView ID="Pageview1" runat="server">
                                <div class="form-group">
                                    <p>
                                        <adx:Snippet ID="SnippetApplicationMainContent" runat="server" Name="Application Main Content" DefaultText="Select Membership type and click Next" EditType="html" />
                                    </p>

                                    <div class="form-group">
                                        <asp:Label ID="Label27" runat="server" AssociatedControlID="DropDownListMembershipType" class="control-label required" EnableViewState="false">Membership Type</asp:Label>
                                        <asp:DropDownList ID="DropDownListMembershipType" class="form-control" runat="server" TabIndex="1" SelectMethod="GetMembershipTypes"
                                             DataTextField="OptionLabel" DataValueField="OptionValue"
                                            OnDataBound="Initial_DataBound">
                                        </asp:DropDownList>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator37" runat="server" ControlToValidate="DropDownListMembershipType"
                                            CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                            ToolTip="This is a required field.">
                                        </asp:RequiredFieldValidator>

                                    </div>

                                    <div class="form-group">
                                        <asp:Button runat="server" ID="ButtonPageView1Next" OnClick="ButtonPageView1Next_Click" CssClass="btn btn-success btn-next" Text="Next" CausesValidation="false"  />
                                         
                                    </div>
                            </telerik:RadPageView>
                            <telerik:RadPageView ID="Pageview2" runat="server">


                                <div role="form" class="form well">
                                    <fieldset>
                                       

                                        <div class="form-group">

                                            <asp:Label ID="Label22" runat="server" AssociatedControlID="TextBoxFee" class="control-label required" EnableViewState="false">Fee</asp:Label>
                                            <asp:TextBox ID="TextBoxFee" Enabled="false" runat="server" TabIndex="1" CssClass="form-control" Text="<%# BindItem.Amount %>" autocomplete="off"></asp:TextBox>
                                             
                                        </div>

                                        <legend>Personal Information</legend>
                                        <div class="form-group">
                                            <asp:Label ID="Label6" runat="server" AssociatedControlID="PrefixDropDownList" class="control-label required" EnableViewState="false">Prefix</asp:Label>
                                            <asp:DropDownList ID="PrefixDropDownList" class="form-control" runat="server" TabIndex="1" 
                                               DataSourceID="AccountStateOrUsTerritory" DataTextField="OptionLabel" DataValueField="OptionValue"
                                                OnDataBound="Initial_DataBound">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="PrefixDropDownList"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>

                                        </div>
                                        <div class="form-group">

                                            <asp:Label ID="Label3" runat="server" AssociatedControlID="TextFirstName" class="control-label required" EnableViewState="false">First Name</asp:Label>
                                            <asp:TextBox ID="TextFirstName" runat="server" TabIndex="2" CssClass="form-control" Text="<%# BindItem.PersonalInformation.FirstName %>" autocomplete="off"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="TextFirstName"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                        </div>

                                        <div class="form-group">
                                            <asp:Label ID="Label9" runat="server" AssociatedControlID="TextMiddleName" class="control-label" EnableViewState="false">Middle Name</asp:Label>

                                            <asp:TextBox ID="TextMiddleName" runat="server" TabIndex="3" CssClass="form-control" Text="<%# BindItem.PersonalInformation.MiddleName %>"></asp:TextBox>

                                            
                                        </div>

                                        <div class="form-group">

                                            <asp:Label ID="Label11" runat="server" AssociatedControlID="TextLastName" class="control-label required" EnableViewState="false">Last Name</asp:Label>
                                            <asp:TextBox ID="TextLastName" runat="server" TabIndex="4" CssClass="form-control" Text="<%# BindItem.PersonalInformation.LastName %>" autocomplete="off"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator25" runat="server" ControlToValidate="TextLastName"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label12" runat="server" AssociatedControlID="SuffixDropDownList" class="control-label required" EnableViewState="false">Suffix</asp:Label>
                                            <asp:DropDownList ID="SuffixDropDownList" class="form-control" runat="server" TabIndex="5"
                                                DataSourceID="AccountStateOrUsTerritory" DataTextField="OptionLabel" DataValueField="OptionValue"
                                                OnDataBound="Initial_DataBound">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator26" runat="server" ControlToValidate="SuffixDropDownList"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>

                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label2" runat="server" AssociatedControlID="TextDesignation" class="control-label required" EnableViewState="false">Designation:</asp:Label>

                                            <asp:TextBox ID="TextDesignation" runat="server" TabIndex="6" CssClass="form-control" Text="<%# BindItem.PersonalInformation.Designation %>"></asp:TextBox>


                                        </div>

                                        <div class="form-group">
                                            <asp:Label ID="Label1" runat="server" AssociatedControlID="TextTitle" class="control-label required" EnableViewState="false">Title</asp:Label>

                                            <asp:TextBox ID="TextTitle" runat="server" TabIndex="7" CssClass="form-control" Text="<%# BindItem.PersonalInformation.Title %>"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextTitle"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>

                                        </div>

                                        <div class="form-group">
                                            <asp:Label ID="Label4" runat="server" AssociatedControlID="TextCompany" class="control-label required" EnableViewState="false">Company</asp:Label>
                                            <asp:TextBox ID="TextCompany" runat="server" TabIndex="8" CssClass="form-control" Text="<%# BindItem.PersonalInformation.Company %>"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="TextCompany"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>

                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label7" runat="server" AssociatedControlID="TextEmailAddress" class="control-label required" EnableViewState="false">Email</asp:Label>
                                            <asp:TextBox ID="TextEmailAddress" runat="server" TabIndex="9" CssClass="form-control" Text="<%# BindItem.PersonalInformation.Email %>"></asp:TextBox>

                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="TextEmailAddress"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator3" CssClass="failureNotification" runat="server" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                                ControlToValidate="TextEmailAddress" ErrorMessage="Invalid Email Format" SetFocusOnError="true">
                                            </asp:RegularExpressionValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label5" runat="server" AssociatedControlID="Telephone" class="control-label required" EnableViewState="false">Phone Number</asp:Label>
                                            <telerik:RadMaskedTextBox ID="Telephone" TabIndex="10" runat="server" Mask="(###) ###-####" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="false" CssClass="form-control" Text="<%# BindItem.PersonalInformation.Telephone %>">
                                            </telerik:RadMaskedTextBox>

                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="Telephone"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
                                                ErrorMessage="Enter valid Phone number" CssClass="failureNotification" ControlToValidate="Telephone" SetFocusOnError="true"
                                                ValidationExpression="^[01]?[- .]?(\([2-9]\d{2}\)|[2-9]\d{2})[- .]?\d{3}[- .]?\d{4}$">

                                            </asp:RegularExpressionValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label8" runat="server" AssociatedControlID="Fax" class="control-label" EnableViewState="false">Fax</asp:Label>
                                            <telerik:RadMaskedTextBox ID="Fax" TabIndex="11" runat="server" Mask="(###) ###-####" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="false" CssClass="form-control" Text="<%# BindItem.PersonalInformation.Fax %>">
                                            </telerik:RadMaskedTextBox>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator8" runat="server"
                                                ErrorMessage="Enter valid Phone number" CssClass="failureNotification" ControlToValidate="Fax" SetFocusOnError="true"
                                                ValidationExpression="^[01]?[- .]?(\([2-9]\d{2}\)|[2-9]\d{2})[- .]?\d{3}[- .]?\d{4}$">

                                            </asp:RegularExpressionValidator>
                                        </div>

                                    </fieldset>

                                    <asp:Panel ID="PanelSpouse" runat="server" Visible="false" Style="visibility: hidden">
                                        <fieldset>
                                            <legend>Spouse Information</legend>
                                            <div class="form-group">
                                                <asp:Label ID="Label18" runat="server" class="control-label" EnableViewState="false">Would you like to include your spouse (FREE) to your Individual/Family membership?</asp:Label>
                                            </div>
                                            <div class="form-group required">

                                                <div class="checkbox">
                                                    <label>
                                                        <asp:RadioButton ID="RadioSpouseNo" Text="No" Checked="True" TabIndex="12"
                                                            GroupName="SpouseChoice" runat="server"  AutoPostBack="true" OnCheckedChanged="RadioSpouseNo_CheckedChanged"/>
                                                        <br>
                                                        <asp:RadioButton ID="RadioSpouseYes" Text="Yes" TabIndex="13"
                                                            GroupName="SpouseChoice" runat="server" AutoPostBack="true" OnCheckedChanged="RadioSpouseYes_CheckedChanged" />

                                                    </label>
                                                </div>
                                                 <small><span class="help-block">If yes, please provide your spouse's first and last name.
                                                          You may also leave a short comment.</span></small>
                                            </div>

                                             <div class="form-group">

                                            <asp:Label ID="LabelSpouseFirstName" runat="server" AssociatedControlID="TextSpouseFirstName" class="control-label" EnableViewState="false">First Name</asp:Label>
                                            <asp:TextBox ID="TextSpouseFirstName" runat="server" TabIndex="14" CssClass="form-control" Text="<%# BindItem.PersonalInformation.SpouseInformation.FirstName %>" autocomplete="off"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidatorTextSpouseFirstName" runat="server" ControlToValidate="TextSpouseFirstName"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true" Enabled="false"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            </div>
                                             <div class="form-group">

                                            <asp:Label ID="LabelSpouseLastName" runat="server" AssociatedControlID="TextSpouseLastName" class="control-label" EnableViewState="false">Last Name</asp:Label>
                                            <asp:TextBox ID="TextSpouseLastName" runat="server" TabIndex="15" CssClass="form-control" Text="<%# BindItem.PersonalInformation.SpouseInformation.LastName %>" autocomplete="off"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidatorTextSpouseLastName" runat="server" ControlToValidate="TextSpouseLastName"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true" Enabled="false"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            </div>
                                             <div class="form-group">

                                            <asp:Label ID="Label21" runat="server" AssociatedControlID="TextSpouseAdditionalInformation" class="control-label" EnableViewState="false">Additional Information</asp:Label>
                                            <asp:TextBox ID="TextSpouseAdditionalInformation" runat="server" TabIndex="16" CssClass="form-control" Text="<%# BindItem.PersonalInformation.SpouseInformation.FirstName %>" autocomplete="off" TextMode="MultiLine"></asp:TextBox>
                                            
                                        </div>
                                        </fieldset>
                                    </asp:Panel>
                                    <asp:Panel ID="PanelCategories" runat="server" Visible="false"  Style="visibility: hidden">
                                          <fieldset>
                                              <legend>Product Categories</legend>
                                              <small><span class="help-block">Allied National Members may select 2 products from the list below. For additional product categories, please contact the office.</span></small>
                                          <div class="form-group">
                                            <asp:Label ID="Label19" runat="server" AssociatedControlID="ProductCategories1" class="form-label required" EnableViewState="false">Category 1</asp:Label>

                                            <asp:DropDownList ID="ProductCategories1" class="form-control" runat="server" TabIndex="17"
                                                DataSourceID="AccountStateOrUsTerritory" DataTextField="OptionLabel" DataValueField="OptionValue" 
                                                OnDataBound="Initial_DataBound">
                                            </asp:DropDownList>
                                             
                                        </div>
                                              <div class="form-group">
                                            <asp:Label ID="Label20" runat="server" AssociatedControlID="ProductCategories2" class="form-label required" EnableViewState="false">Category 2</asp:Label>

                                            <asp:DropDownList ID="ProductCategories2" class="form-control" runat="server" TabIndex="18"
                                                DataSourceID="AccountStateOrUsTerritory" DataTextField="OptionLabel" DataValueField="OptionValue"  
                                                OnDataBound="Initial_DataBound">
                                            </asp:DropDownList>
                                             
                                        </div>
                                         </fieldset>
                                    </asp:Panel>

                                    <fieldset>
                                        <legend>Work Address</legend>
                                        <!--Mailing Address-->
                                        <div class="form-group">

                                            <asp:TextBox ID="WorkAddress1Line1" runat="server" TabIndex="19" CssClass="form-control" Text="<%# BindItem.PersonalInformation.WorkAddress1 %>" placeholder="Line 1"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator19" runat="server" ControlToValidate="WorkAddress1Line1"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>

                                        </div>
                                        <div class="form-group">

                                            <asp:TextBox ID="WorkAddress1Line2" runat="server" TabIndex="20" CssClass="form-control" Text="<%# BindItem.PersonalInformation.WorkAddress2 %>" placeholder="Line 2"></asp:TextBox>

                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label24" runat="server" AssociatedControlID="WorkCity" class="control-label required" EnableViewState="false">City</asp:Label>

                                            <asp:TextBox ID="WorkCity" runat="server" TabIndex="21" CssClass="form-control" Text="<%# BindItem.PersonalInformation.WorkAddressCity %>"></asp:TextBox>

                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator20" runat="server" ControlToValidate="WorkCity"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>

                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label25" runat="server" AssociatedControlID="WorkStateOrProvince" class="form-label required" EnableViewState="false">State</asp:Label>

                                            <asp:DropDownList ID="WorkStateOrProvince" class="form-control" runat="server" TabIndex="22"
                                                DataSourceID="AccountStateOrUsTerritory" DataTextField="OptionLabel" DataValueField="OptionValue" 
                                                OnDataBound="Initial_DataBound">
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator21" runat="server" ControlToValidate="WorkStateOrProvince"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label26" runat="server" AssociatedControlID="WorkPostalCode" class="control-label required" EnableViewState="false">Zip/Postal Code</asp:Label>
                                            <asp:TextBox ID="WorkPostalCode" runat="server" TabIndex="23" CssClass="form-control" Text="<%# BindItem.PersonalInformation.WorkAddressPostalCode %>"></asp:TextBox>


                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator22" runat="server" ControlToValidate="WorkPostalCode"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator
                                                ID="RegularExpressionValidator2"
                                                runat="server" CssClass="failureNotification" SetFocusOnError="true" Display="Dynamic"
                                                ValidationExpression="\d{5}(-\d{4})?"
                                                ControlToValidate="WorkPostalCode"
                                                ErrorMessage="Input valid U.S. Zip Code!"></asp:RegularExpressionValidator>
                                        </div>

                                        <div class="form-group">
                                            <asp:Label ID="Label10" runat="server" AssociatedControlID="TextWorkEmailAddress" class="control-label required" EnableViewState="false">Email</asp:Label>
                                            <asp:TextBox ID="TextWorkEmailAddress" runat="server" TabIndex="24" CssClass="form-control" Text="<%# BindItem.PersonalInformation.WorkAddressEmail %>"></asp:TextBox>

                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="TextWorkEmailAddress"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator5" CssClass="failureNotification" runat="server" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                                ControlToValidate="TextWorkEmailAddress" ErrorMessage="Invalid Email Format" SetFocusOnError="true">
                                            </asp:RegularExpressionValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label13" runat="server" AssociatedControlID="WorkTelephone" class="control-label required" EnableViewState="false">Phone Number</asp:Label>
                                            <telerik:RadMaskedTextBox ID="WorkTelephone" TabIndex="25" runat="server" Mask="(###) ###-####" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="false" CssClass="form-control" Text="<%# BindItem.PersonalInformation.WorkPhone %>">
                                            </telerik:RadMaskedTextBox>

                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="WorkTelephone"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator6" runat="server"
                                                ErrorMessage="Enter valid Phone number" CssClass="failureNotification" ControlToValidate="WorkTelephone" SetFocusOnError="true"
                                                ValidationExpression="^[01]?[- .]?(\([2-9]\d{2}\)|[2-9]\d{2})[- .]?\d{3}[- .]?\d{4}$">

                                            </asp:RegularExpressionValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label14" runat="server" AssociatedControlID="WorkFax" class="control-label" EnableViewState="false">Fax</asp:Label>
                                            <telerik:RadMaskedTextBox ID="WorkFax" TabIndex="26" runat="server" Mask="(###) ###-####" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="false" CssClass="form-control" Text="<%# BindItem.PersonalInformation.WorkFax %>">
                                            </telerik:RadMaskedTextBox>


                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator7" runat="server"
                                                ErrorMessage="Enter valid Phone number" CssClass="failureNotification" ControlToValidate="WorkFax" SetFocusOnError="true"
                                                ValidationExpression="^[01]?[- .]?(\([2-9]\d{2}\)|[2-9]\d{2})[- .]?\d{3}[- .]?\d{4}$">

                                            </asp:RegularExpressionValidator>
                                        </div>
                                    </fieldset>

                                    <fieldset>
                                        <legend>Home Address</legend>
                                        <!--Home Address -->
                                        <div class="form-group">
                                            <asp:TextBox ID="TextHomeAddress1Line1" runat="server" TabIndex="27" CssClass="form-control required" Text="<%# BindItem.PersonalInformation.HomeAddress1 %>" placeholder="Line 1"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" ControlToValidate="TextHomeAddress1Line1"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true" Enabled="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                         </div>
                                        <div class="form-group">
                                            <asp:TextBox ID="TextHomeAddress1Line2" runat="server" TabIndex="28" CssClass="form-control" Text="<%# BindItem.PersonalInformation.HomeAddress2 %>" placeholder="Line 2"></asp:TextBox>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label28" runat="server" AssociatedControlID="TextHomeCity" class="control-label required" EnableViewState="false">City</asp:Label>

                                            <asp:TextBox ID="TextHomeCity" runat="server" TabIndex="29" CssClass="form-control required" Text="<%# BindItem.PersonalInformation.HomeAddressCity %>"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ControlToValidate="TextHomeCity"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true" Enabled="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label29" runat="server" AssociatedControlID="DropDownListHomeStateOrProvince" class="control-label required" EnableViewState="false">State</asp:Label>
                                            <asp:DropDownList ID="DropDownListHomeStateOrProvince" class="form-control" runat="server" TabIndex="30"  
                                                DataSourceID="AccountStateOrUsTerritory" DataTextField="OptionLabel" DataValueField="OptionValue"
                                                OnDataBound="Initial_DataBound">
                                            </asp:DropDownList>
                                             <asp:RequiredFieldValidator ID="RequiredFieldValidator14" runat="server" ControlToValidate="DropDownListHomeStateOrProvince"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true" Enabled="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label30" runat="server" AssociatedControlID="HomePostalCode" class="control-label required" EnableViewState="false">Zip/Postal Code</asp:Label>
                                            <asp:TextBox ID="HomePostalCode" runat="server" TabIndex="31" CssClass="form-control" Text="<%# BindItem.PersonalInformation.HomeAddressPostalCode %>"></asp:TextBox>
                                              <asp:RequiredFieldValidator ID="RequiredFieldValidator15" runat="server" ControlToValidate="HomePostalCode"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true" Enabled="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                             <asp:RegularExpressionValidator
                                                ID="RegularExpressionValidator4"
                                                runat="server" CssClass="failureNotification" SetFocusOnError="true" Display="Dynamic"
                                                ValidationExpression="\d{5}(-\d{4})?"
                                                ControlToValidate="HomePostalCode"
                                                ErrorMessage="Input valid U.S. Zip Code!"></asp:RegularExpressionValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label15" runat="server" AssociatedControlID="TextHomeEmailAddress" class="control-label required" EnableViewState="false">Email</asp:Label>
                                            <asp:TextBox ID="TextHomeEmailAddress" runat="server" TabIndex="32" CssClass="form-control" Text="<%# BindItem.PersonalInformation.HomeAddressEmail %>"></asp:TextBox>

                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ControlToValidate="TextHomeEmailAddress"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator9" CssClass="failureNotification" runat="server" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                                ControlToValidate="TextHomeEmailAddress" ErrorMessage="Invalid Email Format" SetFocusOnError="true">
                                            </asp:RegularExpressionValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label16" runat="server" AssociatedControlID="HomeTelephone" class="control-label required" EnableViewState="false">Phone Number</asp:Label>
                                            <telerik:RadMaskedTextBox ID="HomeTelephone" TabIndex="33" runat="server" Mask="(###) ###-####" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="false" CssClass="form-control" Text="<%# BindItem.PersonalInformation.HomePhone %>">
                                            </telerik:RadMaskedTextBox>

                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ControlToValidate="HomeTelephone"
                                                CssClass="failureNotification" ErrorMessage="This is a required field." Display="Dynamic" SetFocusOnError="true"
                                                ToolTip="This is a required field.">
                                            </asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator10" runat="server"
                                                ErrorMessage="Enter valid Phone number" CssClass="failureNotification" ControlToValidate="HomeTelephone" SetFocusOnError="true"
                                                ValidationExpression="^[01]?[- .]?(\([2-9]\d{2}\)|[2-9]\d{2})[- .]?\d{3}[- .]?\d{4}$">

                                            </asp:RegularExpressionValidator>
                                        </div>
                                        <div class="form-group">
                                            <asp:Label ID="Label17" runat="server" AssociatedControlID="HomeFax" class="control-label" EnableViewState="false">Fax</asp:Label>
                                            <telerik:RadMaskedTextBox ID="HomeFax" TabIndex="34" runat="server" Mask="(###) ###-####" EnableEmbeddedSkins="false" EnableAjaxSkinRendering="false" CssClass="form-control" Text="<%# BindItem.PersonalInformation.HomeFax %>">
                                            </telerik:RadMaskedTextBox>


                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator11" runat="server"
                                                ErrorMessage="Enter valid Phone number" CssClass="failureNotification" ControlToValidate="HomeFax" SetFocusOnError="true"
                                                ValidationExpression="^[01]?[- .]?(\([2-9]\d{2}\)|[2-9]\d{2})[- .]?\d{3}[- .]?\d{4}$">

                                            </asp:RegularExpressionValidator>
                                        </div>
                                    </fieldset>

                                </div>

                                <div class="form-group">
                                    <asp:Button runat="server" ID="ButtonPageView2Previous" OnClick="ButtonPageView2Previous_Click" Text="Previous" CssClass="btn btn-default btn-prev" CausesValidation="false" TabIndex="35" EnableViewState="false"  />
                                    <asp:Button runat="server" ID="ButtonPageView2Next" Text="Next" CssClass="btn btn-success btn-next" TabIndex="36" OnClick="ButtonPageView2Next_Click" />
                                </div>

                            </telerik:RadPageView>
                            <telerik:RadPageView ID="Pageview3" runat="server">
                                <div role="form" class="form well">
                                </div>
                                <div class="form-group">
                                    <asp:Button runat="server" ID="ButtonPageView3Previous" OnClick="ButtonPageView3Previous_Click" Text="Previous" CssClass="btn btn-default btn-prev" CausesValidation="false" TabIndex="21" />
                                    <asp:Button runat="server" ID="ButtonPageView3Next" OnClick="ButtonPageView3Next_Click" Text="Next" CssClass="btn btn-success btn-next" TabIndex="22" />
                                </div>
                            </telerik:RadPageView>

                        </telerik:RadMultiPage>


  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 14 Aug 2014 Link to this post

    Hello Yassin,

    I am afraid that I am not quite sure that I had understood the issue you are currently facing, therefore could you elaborate a bit more on the matter. In addition, if you could record a video (using Jing) demonstrating the problematic behavior it would be very helpful.

    Regards,
    Nencho
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top