I'm want to insert a new row directly into the client data source doing something like this:

var data = [{ "ID": 1, "Text": "Text1" }, { "ID": 2, "Text": "Text2" }];
var mtv = $find("RadGrid1").get_masterTableView();

var items = mtv.get_dataSource(); // this won't work because is null
//var items = mtv.get_dataItems(); // this is obvious way to do it, but I want to insert a json object

var newItems = items.splice(3, 0, data); // insert object

mtv.set_dataSource(items); // (item actually get's inserted into orginal items,and not newItems - bit result is same either way)
mtv.dataBind();

However:

1) The data source is null - I guess upon rendering it gets reset
2) I can add items to the 'dataItems' array, but I guess this has to be formatted as HTML.

Is it possible to add a JSON object to the data source and rebind the grid?

Why are all the default controls css files so bloated?

You can remove at least 1/3 of it and keep it working EXACTLY the same way.

I think the person responsible for CSS for WebFroms controls should be fired. No. First sent back to school, then fired.

We are new to RadGrids.

I was able to make a crud grid and I was able to pull in the data bound fields I wanted using a data source and automatic columns.  That works fine.  I was also able to remove the delete button through aspx code edits.  And I was able to select the theme I wanted.

Here are some issues.

1) I want to remove the 'add' button.  Don't know how.  Does it require javascript or c#?  If so could you give an example?
2) My edits won't stick.   I click the edit button and then click the confirm button and they just don't do anything. (this really shouldn't take code, am I wrong).  This is odd because the grid finds out the information from the database, so I should be able to edit it.
3) I don't want some of the column editable (I realize this could take some client side code or server side c# code).


Could you please guide me through these issues or link me to another threat or document that is directly relevant.  Show me step by step how how to make a grid that doesn't have an add button, actually does edit the database directly (with no coding, because that would defeat the purpose) and blocks some columns from being edited.


Thanks

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>

Hi all

Can anyone tell me what version number of the

Web.UI and Web.UI.Skins was the earliest release for the RadImageGallery. I have run into a problem where I could not get the gallery to work on the current dll versions I have which are 2013.3.1015.45.

Now I updated to 2014.2.724.45 but unfortunately I just discovered now my Gallery works but the rest of my site is broken because the 2014 dll releases for web don't include the Hay skins as these have been made obsolete. So I am stuck both ways. I wondered then if there is an earlier dll release which includes the Hay skin and the Gallery which I could temporarily use until we update out Skins?

Kind regards

Rob

Hi Admin,
I have a problem when i want to click each item of images( Image, Tillte Image) on Image Gallery. It will be show the ortherpage, content infomations of Detail Images.
this is my code!
    <telerik:RadImageGallery runat="server" ID="RadImageGallery_Hotnews" Height="350px" Width="600px"        
        DataImageField="NewsImage"  DataTitleField="Title" DataDescriptionField="ShortDesc"  DataKeyNames="NewsId" RenderMode="Auto"   OnNeedDataSource="RadImageGallery_Hotnews_NeedDataSource" Skin="Metro" LoopItems="True">
         <ThumbnailsAreaSettings ScrollOrientation="Horizontal" />
            <ToolbarSettings ShowSlideshowButton="true"   ShowItemsCounter="true"  ItemsCounterFormat="Images {0} of {1}"/>
           <ThumbnailsAreaSettings ThumbnailWidth="120px" ThumbnailHeight="80px" Height="80px" />
            <ImageAreaSettings Height="300px" />
<ClientSettings>
    <AnimationSettings SlideshowSlideDuration="4000">
    </AnimationSettings>
</ClientSettings>
   </telerik:RadImageGallery>
---------------------
Datasoure

---------
 protected void RadImageGallery_Hotnews_NeedDataSource(object sender, ImageGalleryNeedDataSourceEventArgs e)
        {
            DataView dw = new DataView( GetData_HotNews());
            RadImageGallery_Hotnews.DataSource = dw;
        }
------------
Can you show me which method to solve this problem?
Thanks!

Hello

This seems pretty unique concept but hopefully not.

I have a RadGrid displaying shopping cart items. I have a RadComboBox with other services that a user can select to add to the shopping cart such as expedited shipping. What I want to accomplish is, once the selection has been made from the RadComboBox and the item has added to the shopping cart, I would like that item in the RadComboBox to be hidden or removed from selection. The idea is to not allow the same item to be added again.

I s this possible? Is there a better way to handle this?

Ok, something strange just happened and im not sure if it was something I changed or not.
Its as though nothing is responding to clicks.

I have a treeview with a clientside handler that invokes an ajax request which in turn updates an ajaxpanel.  The panel contains a radtabstrip and a few pages.
Everything was working fine a few minutes ago until I started testing out using RadWindow, but Ive since removed it and the issue persists.  Could something be cached with an AJAX request?  I cleared my browser cache.

So, as a test, I added a RadButton, added a serverside click event to it to see if a breakpoint would get it.  It does, so it seems its just the items ive added.
the solution builds ok, pulls up in the designer ok, and I cant really see any formatting issues in the markup.

What would cause, for example,  my RadTreeview to suddenly not hit a breakpoint in a clientside event handler?

Hi

I am using RADtooltipManager in Hierarchical  RADGrid, I am adding RadGrid column values(client IDs) as targetControld for Tooltip Manager in Grid's ItemDataBound Event and in AjaxUpdate event am loading a usercontrol into the update panel. so, when I mouse over to any item in the grid am getting a tooltip for that element. But when I click on expand button on  my radgrid to show data in child grid,I found that on submit of the page its not calling ItemDataBound event of the grid where I am adding targetcontrols to Tooltip manager.

Any help is appreciated!

Thanks
Atul

Hello,

I have a RadGrid which I have set OnRowSelected event under ClientEvents to call a JS function.  This works on my local machine, but when I deploy to web server it is not working.  Any ideas why????  My code is below.

Thanks,

Brad



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="home.aspx.cs" Inherits="Test.home" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
    <title></title>

    <script src="Scripts/jquery-1.8.2.js"></script>

    <script type="text/javascript">
        function RowSelected(sender, eventArgs) {
            alert('hello');
            var grid = sender;
            var MasterTable = grid.get_masterTableView();
            var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
            var cell = MasterTable.getCellByColumnUniqueName(row, "RecordID");
           
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
        <div class="SearchResultsDiv">
            <asp:Label Text="Search Results" runat="server" CssClass="SearchResultsHeader"></asp:Label><asp:Label Text="(Click to view)" runat="server"></asp:Label>
                <telerik:RadGrid ID="rgrdSearchResults" runat="server" AllowPaging="True" CssClass="RadGridMargin" BorderColor="Black" OnPreRender="rgrdSearchResults_PreRender">
                    <ClientSettings>
                        <Selecting AllowRowSelect="True" />
                        <ClientEvents OnRowSelected="RowSelected" />
                    </ClientSettings>
                </telerik:RadGrid>
        </div>
    </form>
</body>
</html>