Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
772 views

I know from previous posts that this "feature isn't supported" out of the box from telerik.

I was wondering if it was possible to get the filter being applied to the combobox from the client side and allow it be cleared from a button click. I want to try and customize the behaviour of the combobox so that I can filter items in the list which can then be checked individually or JUST the filtered items to be selected by the check all. However I find it bit clunky at present to clear the filter out of the combobox after selecting items.

 

Another alternative idea is to add a search textbox as the first item in combobox (similar as seen in kendo grid filters), is this level of customization available in radcombobox control?

 

Any help appreciated!

Peter Milchev
Telerik team
 answered on 06 Feb 2019
29 answers
2.0K+ views
Hi ..telerik

I have a small problem in clearing the text in the RadComboBox .

I tried the following

  • RadComboBox1.Text="";        //do nothing
  • RadComboBox1.ClearSelection();

but nothing cleared.
 
the only solution

  • RadComboBox1.Text=" "; //set the text to one space

which can effect the logic of the code

Is there any solution for this problem ??

Note:

  1. I'm using rad controls for asp.net ajax
  2. the RadComboBox allow Custom  Text so user can type what need.
Raju
Top achievements
Rank 1
 answered on 06 Feb 2019
5 answers
469 views

I'm hoping someone has a good solution or workaround for what I'm trying to build. 

 

Backstory:

My team is upgrading an older web application that is a repository for documents.  The old version of the app has us storing the binary of Word docs and rendering them to the user on demand.  What we are looking to do now is to get rid of Word altogether and have them work exclusively in the Editor and we can just store the markup in our SQL database.  However, the business owners need us to be able to allow their users to embed images in the documents like you can do with Word. The images will only exist inside the document, so uploading them to another location and then referencing them is impractical (not to mention a concern for our Audit department).

 

Question:

Is there a good way to embed an image into the Editor so that it exists as a part of the document, as opposed to a reference to the image in another location?  It has to be something that will work in Internet Explorer 11 (I know... we hate it too), Edge and Chrome.  I don't mind building a custom tool to help in the process, but I'd just need a little direction on how to make that happen.  Ideally, we'd like for them to be able to copy/paste into the Editor, but we would be OK with it if we have a button to trigger a file chooser and they could select the desired image.  We're open to whatever suggestions that allow our users to embed the images.

 

Thanks so much for any help you guys might be able to give.

Rumen
Telerik team
 answered on 06 Feb 2019
1 answer
74 views

We have a grid that has different columns for different user roles. We have a requirement to persist filters. The problem we are running into is that user A is an admin and sees their specified columns and logs out, user B who is not an admin on the same computer is seeing the admin columns instead of the columns they are supposed to see. Is there any way to just persist filters?

The secondary problem is when we publish updates to the website the grid does not reflect our changes due to the persistence. This could be a serious problem. 

 

We are using:

$(document).ready(function () {
    $("div[data-role='grid']").each(function (index, element) {
        var grid = $(element).data("kendoGrid");
        var key = location.pathname + '-' + element.id;
        var options = localStorage[key];
        if (options)
        {
            grid.setOptions(JSON.parse(options));
        }
        grid.dataSource.read();

    })

})

$(window).on('beforeunload', function () {
    $("div[data-role='grid']").each(function (index, element) {
        var grid = $(element).data("kendoGrid");
        var key = location.pathname + '-' + element.id;
        localStorage[key] = kendo.stringify(grid.getOptions(grid.getOptions());
    })
})

 

 

 

Konstantin Dikov
Telerik team
 answered on 06 Feb 2019
2 answers
106 views

Hi Telerik,

When I edit certain html, the radeditor scrolls the editing pane (div or iframe) to a position that does not show the cursor.

In IE the pane is usually scrolled mid way or to the end of the text.

In Chrome, it scrolls the pane so the cursor is on line 1, which is annoying as a scroll should not happen unless the cursor is off screen.

Test Case:

  • Open the demo page (https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx)
  • Switch to HTML view
  • Select all html and delete
  • Paste the following html code into the editor

<p>&lt;!-- collumn 1 --&gt; <br />
&lt;flow inset="0,0,0,0" width="30%"&gt; <br />
&lt;flow inset="0,0,0,0" firstlineindent="1"&gt; <br />
&lt;material fontstyle="bold"&gt; <br />
&lt;mattext&gt;asdasd as asd&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow&gt; <br />
&lt;flow inset="0,0,0,0"&gt; <br />
&lt;response_lid ident="aorta_${ItemId}" rcardinality="multiple"&gt; <br />
&lt;render_choice&gt; <br />
&lt;flow_label inset="0,0,0,0"&gt; <br />
&lt;response_label ident="36"&gt; <br />
&lt;flow_mat orientation="horizontal" inset="0,0,0,0"&gt; <br />
&lt;flow_mat inset="0,0,0,0"&gt; <br />
&lt;material&gt; <br />
&lt;mattext&gt;36.&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;flow_mat inset="0,0,0,0"&gt; <br />
&lt;material&gt; <br />
&lt;mattext&gt;asd sasda sd a&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/response_label&gt; <br />
&lt;/flow_label&gt; <br />
&lt;mattext&gt;dfg hjgh dfgdfg&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/response_label&gt; <br />
&lt;/flow_label&gt; <br />
&lt;flow_label inset="0,0,0,0"&gt; <br />
&lt;response_label ident="43"&gt; <br />
&lt;flow_mat orientation="horizontal" inset="0,0,0,0"&gt; <br />
&lt;flow_mat inset="0,0,0,0"&gt; <br />
&lt;material&gt; <br />
&lt;mattext&gt;43.&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;flow_mat inset="0,0,0,0"&gt; <br />
&lt;material&gt; <br />
&lt;mattext&gt;ty bfdgh ghuy67 hgfdf&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/response_label&gt; <br />
&lt;/flow_label&gt; <br />
&lt;flow_label inset="0,0,0,0"&gt; <br />
&lt;response_label ident="44"&gt; <br />
&lt;flow_mat orientation="horizontal" inset="0,0,0,0"&gt; <br />
&lt;flow_mat inset="0,0,0,0"&gt; <br />
&lt;material&gt; <br />
&lt;mattext&gt;44.&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;flow_mat inset="0,0,0,0"&gt; <br />
&lt;material&gt; <br />
&lt;mattext&gt;45g dfgsdfgdfsgdd&lt;/mattext&gt; <br />
&lt;/material&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/flow_mat&gt; <br />
&lt;/response_label&gt; <br />
&lt;/flow_label&gt; <br />
&lt;/render_choice&gt; <br />
&lt;/response_lid&gt; <br />
&lt;/flow&gt; <br />
&lt;/flow&gt; <br />
&lt;!-- end collumn 1 flow --&gt; <br />
&lt;!-- collumn 2 --&gt; </p>

  • Switch to design view
  • Locate the following text "<mattext>43.</mattext> "
  • place the cursor at the beginning of the line and hit enter
  • The edit pane will scroll.

Any help would be great! Thanks.

Robert.

 

Rumen
Telerik team
 answered on 06 Feb 2019
1 answer
93 views
     Hello. I need documentation for Kendo UI for Jquery 2016, but can not find it anywhere. please if someone has it give me a download link for it. Thank you in advance
Rumen
Telerik team
 answered on 06 Feb 2019
1 answer
170 views

Hello,

 

I have the following SQL statement

SELECT DATEADD(week, DATEDIFF(week, 0, homeworks_homeworks.submission_date), - 1) AS HwWeek, COUNT(homeworks_homeworks.homework_id) AS HwCounter, edu_subjects.subject_id, edu_subjects.subject_name
FROM     homeworks_homeworks INNER JOIN
                  edu_subjects ON homeworks_homeworks.homework_subject_id = edu_subjects.subject_id
GROUP BY DATEADD(week, DATEDIFF(week, 0, homeworks_homeworks.submission_date), - 1), edu_subjects.subject_id, edu_subjects.subject_name

 

Where the results are shown like this

 

2019-01-13 00:00:00.000      1      1      Arabic
2019-01-13 00:00:00.000      1      2      English
2019-01-27 00:00:00.000      3      2      English
2019-02-03 00:00:00.000      3      2      English

 

When adding dynamic LineSeries as the following

if (_dsHwRep1.Tables.Count > 0)
            {
                
                int _tblCounter = _dsHwRep1.Tables[0].Rows.Count;
                string _firstCol = "";
                for(int x=0;x<_tblCounter;x++)
                {
                    
                    if(_firstCol != _dsHwRep1.Tables[0].Rows[x]["subject_name"].ToString())
                    {
                        _firstCol = _dsHwRep1.Tables[0].Rows[x]["subject_name"].ToString();
                        LineSeries _lSer = new LineSeries();
                        _lSer.Name = _firstCol;
                        _lSer.DataFieldY = "HwCounter";
                        HW_rep1.PlotArea.Series.Add(_lSer);
                    }
                }
                
                
                
                
                

                HW_rep1.DataSource = _dsHwRep1.Tables[0];
                HW_rep1.DataBind();
            }

 

 

The Chart binds correctly, but shows for example Arabic, 1 3 3 where it should just be 1 and not having the 3 values.

 

 

Any ideas?

 

Thank you

 

 

Vessy
Telerik team
 answered on 05 Feb 2019
2 answers
228 views

I have a Grid, with a detail table. The Grid datasource has 3 fields, a LineUID, an ItemUID, and an ItemName, and the LineUID is listed in the DataKeyNames.  The detail table displays serial numbers associated with that LineUID.  On an insert to the detail table, the edit form needs to look up available serial numbers based on the ItemUID. Is there a way to:

A) define that the DetailTable GridBoundColumn DefaultInsertValue should be the value of one of the mastertable's columns? Something like

<telerik:GridBoundColumn DataField="RowItemUID" Visible=false DefaultInsertValue=(MasterTable.GetColumnValue("ItemUID"))

 

B) inside the DetailTableDataBind function set the DefaultInsertValue for a column to the value of a non-key value for the mastertable row? Something like

Dim dataItem As GridDataItem = DirectCast(e.DetailTableView.ParentItem, GridDataItem)
Dim itemColumn As DataColumn = e.DetailTableView.Columns.FindByUniqueName("RowItemUID")
itemColumn.DefaultValue = dataItem.GetColumnValue("ItemUID")
ItinerantEngineer
Top achievements
Rank 1
 answered on 04 Feb 2019
1 answer
118 views

I have a radsrtiptap with 4 tabs. In this, every tab field's are validated. I want that on click of submit button tab should switch wherever validation error occurs.

Below i have attached code which i have tried:

javascript code:

<script type="text/javascript" lang="javascript">
        function callValidate(){
            if(typeof(Page_ClientValidate) == 'function'){
                if(!Page_ClientValidate()){                
                   if(errArr.length>0){
                        switch(errArr[0].innerHTML){
                            case "Error in EmployeeMentInfo":
                                  $find("<%=EmployeeInfo.ClientID%>").set_activeTabIndex(0);
                                $get("<%=txtFirstName.ClientID %>").focus();
                                $get("<%=txtLastName.ClientID %>").focus();
                                $get("<%=txtSSN1.ClientID %>").focus();
                                $get("<%=txtDOH.ClientID %>").focus();
                                $get("<%=txtDOB.ClientID %>").focus();
                                $get("<%=txtHourlyRate.ClientID %>").focus();
                                $get("<%=txtAnnual1.ClientID %>").focus();
                                $get("<%=txtAnnual2.ClientID %>").focus();
                                  break;
                            case "Error in ContactInfo":
                                  $find("<%=ContactInfo.ClientID%>").set_activeTabIndex(1);
                                $get("<%=txtZip.ClientID %>").focus();
                                 $get("<%=txtEmailAddress.ClientID %>").focus();
                                break;
                            case "Error in TaxInfo":
                                 $find("<%=TaxInfo.ClientID%>").set_activeTabIndex(2);
                                $get("<%=txtFedExempt.ClientID %>").focus();
                                $get("<%=txtStateExempt.ClientID %>").focus();
                                $get("<%=txtFEDExtraWH.ClientID %>").focus();
                                $get("<%=txtFedFixedWH.ClientID %>").focus();
                                $get("<%=txtStateExtraWH.ClientID %>").focus();
                                $get("<%=txtStateFixedWH.ClientID %>").focus();
                                break;
                            case "Error in AdditionalInfo":
                                   $find("<%=AdditionalInfo.ClientID%>").set_activeTabIndex(3);
                                  $get("<%=txtExpirationDate.ClientID %>").focus();
                                break;
                            defaultbreak;
                        }
                   }
                   return false;
                }
            }
        }
    </script>

.aspx code

<telerik:RadTabStrip runat="server" ID="rtsMyProfile" SelectedIndex="0" CausesValidation="false" EnableEmbeddedSkins="false" Skin="CustomTS" MultiPageID="rmpMyProfile" OnClientTabSelected="HighlightInitialTabField">
            <Tabs>
                <telerik:RadTab Text="Employment Info" TabIndex="0" PageViewID="EmployeeInfo"></telerik:RadTab>
                <telerik:RadTab Text="Contact Info" TabIndex="1" PageViewID="ContactInfo"></telerik:RadTab>
                <telerik:RadTab Text="Tax Info" TabIndex="2" PageViewID="TaxInfo"></telerik:RadTab>
                <telerik:RadTab Text="Additional Info" TabIndex="3" PageViewID="AdditionalInfo"></telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage runat="server" ID="rmpMyProfile" SelectedIndex="0" CssClass="outerMultiPage" BorderWidth="1px" BorderColor="#919b9c">
            <telerik:RadPageView runat="server" ID="EmployeeInfo" TabIndex="0" font="arial" ForeColor="DarkBlue" Font-Names="Arial" Selected="True">
                  <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Height="100%"></telerik:RadAjaxLoadingPanel>
                                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel2" Height="100%">
                <table>
                    <asp:Label runat="server" ID="lblErrormessageSUISWH" SkinID="Error" ForeColor="Red"></asp:Label><br /> 
                </table>
                <table style="width: 100%">
                    <tr>
 
                        <td style="text-align: left; padding-left: 5px;" colspan="2">
                            <asp:Label ID="lblDisclaimer" align="center" runat="server" ForeColor="red" Text="* Indicates required field"></asp:Label></td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">
                            <asp:Label ID="lblEmployeeID" runat="server" Text="Employee ID:"></asp:Label>
                        </td>
                        <td style="text-align: left" class="auto-style38">
                            <asp:TextBox ID="txtEmployeeID1" runat="server" MaxLength="6" CssClass="input" Width="80px" ReadOnly="true" BackColor="#DDDDDD" TabIndex="-1" dataskipontab="true"></asp:TextBox>
                        </td>
                        <td style="text-align: right" class="auto-style37">
                            <asp:Label ID="Asterisk" ForeColor="Red" runat="server" Text="*"></asp:Label>
                            <asp:Label ID="lblSSN" runat="server" Text="SSN:"></asp:Label>
                        </td>
                        <td style="text-align: left" class="auto-style28">
                            <telerik:RadMaskedTextBox ID="txtSSN1" runat="server" AutoCompleteType="Disabled" ClientEvents-OnFocus="focus" Mask="###-##-####" MaxLength="11" PromptChar="" Width="100px" Height="25px" BorderColor="red" CssClass="required" ValidationGroup="EmploymentInfo">
                            </telerik:RadMaskedTextBox>
                            <asp:RegularExpressionValidator ID="SSNValidator" runat="server" ControlToValidate="txtSSN1" Display="Dynamic" ValidationGroup="EmploymentInfo" ValidationExpression="^\d{3}-\d{2}-\d{4}$" ErrorMessage="SSN: Format must be: xxx-xx-xxxx." ForeColor="Red" />
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic" ControlToValidate="txtSSN1" CssClass="validator" ErrorMessage="SSN is required." ForeColor="Red" ValidationGroup="EmploymentInfo"></asp:RequiredFieldValidator>
                            <br />
                            <asp:Label runat="server" ID="lblErrormessage" SkinID="Error" ForeColor="Red"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">
                            <asp:Label ID="Label1" ForeColor="Red" runat="server" Text="*"></asp:Label>
                            <asp:Label ID="lblFirstName" runat="server" Text="First Name:"></asp:Label></td>
                        <td style="text-align: left" class="auto-style38">
                            <%--<asp:TextBox ID="txtFirstName" runat="server" BorderColor="red" CssClass="input" AutoCompleteType="Disabled" MaxLength="15"></asp:TextBox>--%>
                            <telerik:RadTextBox ID="txtFirstName" runat="server" BorderColor="red" CssClass="input" AutoCompleteType="Disabled" MaxLength="15" ValidationGroup="EmploymentInfo" Height="25px"></telerik:RadTextBox>
                            <br /><asp:RequiredFieldValidator ID="rfvFirstName" runat="server" ControlToValidate="txtFirstName" ValidationGroup="EmploymentInfo"
                                ErrorMessage="FirstName is required." ForeColor="Red" SetFocusOnError="true"></asp:RequiredFieldValidator>
                        </td>
 
                        <td style="text-align: right" class="auto-style37">
                            <asp:Label ID="lblDOB" runat="server" Text="Date of Birth:"></asp:Label>
                        </td>
 
                        <td style="text-align: left" class="auto-style28">
                            <asp:TextBox ID="txtDOB" runat="server" CssClass="input" onclick="this.focus();this.select()"
                                 onkeyup=" var v = this.value;
                                        if (v.match(/^\d{2}$/) !== null) {
                                            this.value = v + '/';
                                        } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
                                            this.value = v + '/';
                                        }"
                                PlaceHolder="mm/dd/yyyy" Mask="99/99/9999" AutoCompleteType="None" MaxLength="10" ValidateRequestMode="Inherit" Width="90px" BorderColor="DarkBlue" ValidationGroup="EmploymentInfo" autocomplete="off" />
                            <ajax:CalendarExtender ID="ceDOB" TargetControlID="txtDOB" Format="MM/dd/yyyy" runat="server">
                            </ajax:CalendarExtender>
                            <asp:RegularExpressionValidator runat="server" ControlToValidate="txtDOB" ValidationGroup="EmploymentInfo" ValidationExpression="^(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))?$|^ */ */ *$" ErrorMessage="DOB: Invalid date format." ForeColor="Red" />
                       </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">
                            <asp:Label ID="lblMiddleInitial" runat="server" Text="Middle Initial:"></asp:Label></td>
                        <td style="text-align: left" class="auto-style38">
                            <telerik:RadMaskedTextBox ID="txtMI" runat="server" AutoCompleteType="Disabled" CssClass="input" BorderColor="DarkBlue" CausesValidation="true" ClientEvents-OnFocus="focus" DisplayPromptChar=" " InvalidStyleDuration="300" Mask="L" MaxLength="1" PromptChar=" " ValidationGroup="reMiddleInitial" Width="30px" Height="25px">
                            </telerik:RadMaskedTextBox>
                        </td>
                        <td style="text-align: right" class="auto-style37">
                            <asp:Label ID="Label2" ForeColor="Red" runat="server" Text="*"></asp:Label>
                            <asp:Label ID="lblDOH" runat="server" Text="Date of Hire:"></asp:Label></td>
                        <td style="text-align: left" class="auto-style28">
                            <asp:TextBox ID="txtDOH" runat="server" CssClass="required" PlaceHolder="mm/dd/yyyy"
                                 onkeyup=" var v = this.value;
                                        if (v.match(/^\d{2}$/) !== null) {
                                            this.value = v + '/';
                                        } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
                                            this.value = v + '/';
                                        }"
                                ValidationGroup="EmploymentInfo" onclick="this.focus();this.select()" AutoCompleteType="None" MaxLength="10" ValidateRequestMode="Inherit" Width="90px" BorderStyle="Solid" autocomplete="off" />
                            <ajax:CalendarExtender ID="ceDOH" TargetControlID="txtDOH" Format="MM/dd/yyyy" runat="server">
                            </ajax:CalendarExtender>
                           <asp:RegularExpressionValidator runat="server" ControlToValidate="txtDOH" ValidationGroup="EmploymentInfo" ValidationExpression="^(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))$"
                                ErrorMessage="DOH: Invalid date format." Display="Dynamic" ForeColor="Red" />
                            <asp:Label runat="server" ID="DOHErrorLabel" SkinID="Error" ForeColor="Red"></asp:Label>
                            <asp:RequiredFieldValidator ID="rfvDOH" runat="server" ControlToValidate="txtDOH" ValidationGroup="EmploymentInfo"
                                ErrorMessage="DOH is required." ForeColor="Red" SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">
                            <%-- <tr>
                    <td style="text-align:left">
                         </td>                   
                    <td>
                         <asp:RegularExpressionValidator ID="reMiddleInitial" runat="server" ControlToValidate="txtMiddleInitial1"
                                    ValidationExpression="^[a-zA-Z]+$" ErrorMessage="Enter only alphabet character." ForeColor="Red" SetFocusOnError="true" />                     
                    </td>
                   </tr>--%>
                            <asp:Label ID="Label3" ForeColor="Red" runat="server" Text="*"></asp:Label>
                            <asp:Label ID="lbllastName" runat="server" Text="Last Name:"></asp:Label></td>
                        <td style="text-align: left" class="auto-style38">
                            <%-- <asp:TextBox ID="" BorderColor="red" runat="server" MaxLength="20" CssClass="input" AutoCompleteType="Disabled"></asp:TextBox>--%>
                            <telerik:RadTextBox ID="txtLastName" runat="server" BorderColor="red" CssClass="input" AutoCompleteType="Disabled" MaxLength="15" Height="25px" ValidationGroup="EmploymentInfo"></telerik:RadTextBox>
                           <br /> <asp:RequiredFieldValidator ID="rfvLastName" runat="server" ControlToValidate="txtLastName" ValidationGroup="EmploymentInfo"
                                ErrorMessage="LastName is required." ForeColor="Red" SetFocusOnError="true"></asp:RequiredFieldValidator>
                        </td>
                        <td style="text-align: right" class="auto-style37">
                            <asp:Label ID="lblLaborClass" runat="server" Text="Labor Class:"></asp:Label>
                        </td>
                        <td style="text-align: left" class="auto-style28">
                            <asp:RadioButton ID="rdlaborhourly" runat="server" Text="Hourly" GroupName="labor"
                                OnCheckedChanged="rdlaborhourly_CheckedChanged" AutoPostBack="true" />
                            <asp:RadioButton ID="rdlaborsalary" runat="server" Text="Salary" GroupName="labor"
                                OnCheckedChanged="rdlaborsalary_CheckedChanged" AutoPostBack="true" />
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">Home Department:
                        </td>
                        <td style="text-align: left" class="auto-style38">
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlHomeDept1" runat="server" CssClass="selectBox" Height="24px" Width="155px">
                                </asp:DropDownList>
                            </div>
                        </td>
                        <td style="text-align: right" class="auto-style37">
                            <asp:Label ID="lblHourlySalary" runat="server" Text="HRL_SAL" Visible="false"></asp:Label>
                            <asp:Label ID="lblHourly" runat="server" Text="Hourly Rate:" Visible="true"></asp:Label>
                        </td>
                        <td style="text-align: left" class="auto-style28">
                            <telerik:RadNumericTextBox ID="txtHourlyRate" runat="server" CssClass="input" Width="85px" BorderColor="DarkBlue" NumberFormat-DecimalDigits="4" Type="Currency" Height="25px" SelectionOnFocus="SelectAll" mask="nnnn.nnnn" NumberFormat-KeepNotRoundedValue="true" MaxLength="9" NumberFormat-AllowRounding="false" NumberFormat-NegativePattern="-n"></telerik:RadNumericTextBox>
                            <%-- <asp:RegularExpressionValidator ID="RegularExpressionValidator1" CssClass="input" runat="server" ControlToValidate="txtPayPeriod" ValidationExpression="^\d*\.?\d+$"
                                ErrorMessage="Positive values only." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmployeeUpdate" ></asp:RegularExpressionValidator>--%>
                            <br /><asp:RangeValidator ID="NumericTextBoxRangeValidator"
                                runat="server"
                                ControlToValidate="txtHourlyRate"
                                ErrorMessage="HourlyRate format must be: ####.####"
                                Display="Dynamic"
                                MaximumValue="9999.9949" MinimumValue="0" Type="Double" SetFocusOnError="True" Font-Size="Smaller" ForeColor="red">
                            </asp:RangeValidator>
                        </td>
                    </tr>
                    <%-- <tr>
                        <td class="auto-style21"></td>                  
                        <td class="auto-style20"></td>                  
                        <td></td>
                        </tr>--%>
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">
 
                            <asp:Label ID="lblGender" runat="server" Text="Gender:"></asp:Label>
                            <%--<asp:DropDownList ID="ddlGender1" runat="server" width="150px" CssClass="selectBox">    
                                      <asp:ListItem Text="Male" Value="M"></asp:ListItem>   
                                      <asp:ListItem Text="Female" Value="F"></asp:ListItem>                          
                                 </asp:DropDownList>--%>
                        </td>
                        <td style="text-align: left" class="auto-style38">
                            <asp:RadioButton ID="rbMale" runat="server" Text="Male" GroupName="gender" AutoPostBack="true" />  
                           <asp:RadioButton ID="rbFemale" runat="server" Text="Female" GroupName="gender" AutoPostBack="true" />
                        </td>
                        <td style="text-align: right" rowspan="2" class="auto-style37">
                            <asp:Label ID="lblSalary" runat="server" Text="Salary:" Visible="true"></asp:Label>
                        </td>
                        <td style="text-align: left" class="auto-style28">
                            <asp:HiddenField ID="hdnPayPeriodNumber" runat="server"></asp:HiddenField>
                            <telerik:RadNumericTextBox ID="txtAnnual1" runat="server" ClientEvents-OnBlur="CalculateAnnualSalary" BorderColor="DarkBlue" Width="85px" Height="25px" DecimalDigits="2" Type="Currency" CssClass="input" SelectionOnFocus="SelectAll" mask="nnnnnnn.nn" NumberFormat-KeepNotRoundedValue="true" NumberFormat-AllowRounding="False" NumberFormat-DecimalDigits="2" AllowOutOfRangeAutoCorrect="False" CausesValidation="True" NumberFormat-NegativePattern="-n" MaxLength="10"></telerik:RadNumericTextBox>
 
                            <asp:Label ID="lblPayPeriod" runat="server" Text="/pay period" Visible="true" AutoCompleteType="Disabled"></asp:Label>
                            <%--<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtAnnual1" ValidationExpression="^\d*\.?\d+$"
                                ErrorMessage="Positive values only." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmployeeUpdate"></asp:RegularExpressionValidator>--%>
                            <br /><asp:RangeValidator ID="RangeValidator1"
                                runat="server"
                                ControlToValidate="txtAnnual1"
                                ErrorMessage="PayPeriod format must be: #######.##"
                                Display="Dynamic"
                                MaximumValue="9999999.99" MinimumValue="0" Type="Double" SetFocusOnError="True" Font-Size="Smaller" ForeColor="red">
                            </asp:RangeValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style35"></td>
                        <td class="auto-style38"></td>
                        <td style="text-align: left" class="auto-style28">
                            <telerik:RadNumericTextBox ID="txtAnnual2" runat="server" ClientEvents-OnBlur="CalculatePerPayPeriod" BorderColor="DarkBlue" Width="85px" Height="25px" DecimalDigits="2" Type="Currency" CssClass="input" SelectionOnFocus="SelectAll" mask="nnnnnnn.nn" NumberFormat-KeepNotRoundedValue="true" NumberFormat-AllowRounding="False" NumberFormat-DecimalDigits="2" AllowOutOfRangeAutoCorrect="False" CausesValidation="True" NumberFormat-NegativePattern="-n" MaxLength="12"></telerik:RadNumericTextBox>
                            <asp:Label ID="lblAnnual" runat="server" Text="annually"></asp:Label>
 
                            <%--<asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="txtAnnual2" ValidationExpression="^\d*\.?\d+$"
                                ErrorMessage="Positive values only." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmployeeUpdate"></asp:RegularExpressionValidator>--%>
                            <br /><asp:RangeValidator ID="RangeValidator2"
                                runat="server"
                                ControlToValidate="txtAnnual2"
                                ErrorMessage="Annually Format must be: #########.##"
                                Display="Dynamic"
                                MaximumValue="999999999.99" MinimumValue="0" Type="Double" SetFocusOnError="True" Font-Size="Smaller" ForeColor="red">
                            </asp:RangeValidator>
                        </td>
                    </tr>
                    <tr>
                        
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">Work Location:</td>
                        <td style="text-align: left" class="auto-style38">
 
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlWorklocation1" runat="server" Width="200px" CssClass="selectBox" Height="23px">
                                </asp:DropDownList>
                            </div>
 
                        </td>
                         
                        <td style="text-align: right" class="auto-style37">Exempt?:  </td>
                        <td style="text-align: left" class="auto-style28">
                            <asp:CheckBox ID="chkExempt" runat="server"></asp:CheckBox>
                        </td>
 
                    </tr>
                    <tr>
                         <td style="text-align: left; padding-left: 5px" class="auto-style35">Employment Status:</td>
                        <td style="text-align: left" class="auto-style38">
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlEmployeeStatus1" runat="server" Width="200px" CssClass="selectBox" Height="23px">
                                </asp:DropDownList>
                            </div>
                        </td>
 
                        <td style="text-align: right" class="auto-style37">Citizen: </td>
                        <td style="text-align: left" class="auto-style28">
 
                            <asp:CheckBox ID="chkCitizen1" runat="server"></asp:CheckBox>
                        </td>
                    </tr>
 
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">Employment Type:
                        </td>
                        <td style="text-align: left" class="auto-style38">
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlEmpType1" runat="server" Width="200px" CssClass="selectBox" Height="23px">
                                </asp:DropDownList>
                            </div>
 
                        </td>
 
                        <td style="text-align: right" class="auto-style37">Company Officer: </td>
                        <td style="text-align: left" class="auto-style28">
 
                            <asp:CheckBox ID="chkCompanyOfficer" runat="server"></asp:CheckBox>
                        </td>
                    </tr>
 
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">Job Title:
                        </td>
                        <td style="text-align: left" class="auto-style38">
                            <asp:TextBox runat="server" CssClass="input" ID="ddlJobTitle1" MaxLength="20"></asp:TextBox>
                        </td>
                        <td style="text-align: right" class="auto-style37">Workers' Comp Code:</td>
                        <td style="text-align: left" class="auto-style28">
 
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlWorkerCompcode1" runat="server" CssClass="selectBox" Height="23px">
                                </asp:DropDownList>
                            </div>
 
                        </td>
 
                    </tr>
                    <tr>
                        <td style="text-align: left; padding-left: 5px" class="auto-style35">Supervisor:
                        </td>
                        <td class="auto-style38">
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlSupervisor1" runat="server" CssClass="selectBox" Width="200px" Height="23px">
                                </asp:DropDownList>
                            </div>
 
                        </td>
 
                        <td style="text-align: right" class="auto-style37">EEO Class:</td>
                        <td style="text-align: left" class="auto-style28">
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlEEOClass1" runat="server" CssClass="selectBox" Width="300px" Height="23px">
                                </asp:DropDownList>
                            </div>
 
                        </td>
 
                    </tr>
                    <tr>
                        <td class="auto-style35"></td>
                        <td class="auto-style38"></td>
                        <td style="text-align: right" class="auto-style37">EEO Job:</td>
                        <td style="text-align: left" class="auto-style28">
                            <div class="selectWrapper">
                                <asp:DropDownList ID="ddlEEOJobTitle1" runat="server" CssClass="selectBox" Width="200px" Height="23px">
                                </asp:DropDownList>
                            </div>
 
                        </td>
                    </tr>
                </table></telerik:RadAjaxPanel>
            </telerik:RadPageView>
            <%-- </telerik:RadMultiPage>
         <telerik:RadMultiPage runat="server" ID="rmpContact" SelectedIndex="1" CssClass="outerMultiPage">--%>
            <telerik:RadPageView runat="server" ID="ContactInfo" TabIndex="1" Font-Names="Arial" ForeColor="DarkBlue">
                <div align="left" style="padding-left: 5px">
                    <asp:Label runat="server" ID="ContactInfoErrorMessage" SkinID="Error" ForeColor="Red"></asp:Label>
                </div>
                <div align="left" style="padding-left: 5px">
                    <asp:Label runat="server" ID="ContactInfoError" SkinID="Error" ForeColor="Red"></asp:Label>
                </div>
                <div align="left" style="padding-left: 5px">
                    <table>
                        <tr>
                            <td style="text-align: left">Address 1:
                            </td>
                            <td style="width: 70%">
                                <asp:TextBox ID="txtAddress1" Width="100%" runat="server" MaxLength="30" CssClass="input" AutoCompleteType="Disabled"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">Address 2:
                            </td>
                            <td style="width: 70%">
                                <asp:TextBox ID="txtAddress2" Width="100%" runat="server" CssClass="input" MaxLength="30" AutoCompleteType="Disabled"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">Additional Info 1:
                            </td>
                            <td style="width: 70%">
                                <asp:TextBox ID="txtAdditionalInfo1" Width="100%" CssClass="input" runat="server" MaxLength="20" AutoCompleteType="Disabled"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">Additional Info 2:
                            </td>
                            <td style="width: 70%">
                                <asp:TextBox ID="txtAdditionalInfo2" Width="100%" CssClass="input" runat="server" MaxLength="20" AutoCompleteType="Disabled"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">City:
                            </td>
                            <td style="padding-right: 150px">
                                <asp:TextBox ID="txtCity" runat="server" MaxLength="30" CssClass="input" AutoCompleteType="Disabled">
                                </asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">State:
                            </td>
                            <td>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlStates" runat="server" CssClass="selectBox" Height="23px">
                                    </asp:DropDownList>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">Zip:
                            </td>
                            <td>
                                <telerik:RadMaskedTextBox ID="txtZip" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="#####-####" AutoCompleteType="Disabled" ValidationGroup="EmploymentInfo" DisplayPromptChar=" " PromptChar=" " CssClass="input"></telerik:RadMaskedTextBox>
                                <br /> <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ControlToValidate="txtZip" ValidationExpression="^[0-9]{5}-(?:[0-9]{4})?$"
                                    ErrorMessage="Please enter zip code in xxxxx-xxxx pattern." ForeColor="red" SetFocusOnError="true" ValidationGroup="EmploymentInfo"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <%-- <tr>
                 <td style="text-align:left">
                     County:
                 </td>
                 <td>
                     <asp:TextBox ID="txtCountry" runat="server"></asp:TextBox>
                 </td>
             </tr>--%>
                        <%--<tr>
                 <td style="text-align:left">
                     Locality:
                 </td>
                 <td>
                     <div class="selectWrapper">
                                  <asp:DropDownList ID="ddlLocality" runat="server"  CssClass="selectBox">                                   
                                 </asp:DropDownList>                                 
                                </div>
                     </td>
             </tr>--%>
                        <tr>
                            <td style="text-align: left">Primary Contact #:
                            </td>
                            <td>
                                <div class="selectWrapper2">
                                    <telerik:RadMaskedTextBox ID="txtPhoneNo" runat="server" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " LabelWidth="64px" Width="160px" CssClass="input" Height="25px">
                                    </telerik:RadMaskedTextBox>
 
                                </div>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlPrimaryContact" runat="server" CssClass="selectBox" Width="75px" Height="23px">
                                    </asp:DropDownList>
                                </div>
                                <%--<asp:TextBox ID="txtPhoneNo" runat="server"></asp:TextBox>
                      <asp:MaskedEditExtender ID="MaskedEditExtenderphone" runat="server" TargetControlID="txtPhoneNo" Mask="999-999-9999"
                           MessageValidatorTip="true" ErrorTooltipEnabled="True" clearmaskonlostfocus="false" PromptCharacter=" ">
                     </asp:MaskedEditExtender>--%>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">Secondary Contact #:
                            </td>
                            <td>
                                <div class="selectWrapper2">
                                    <telerik:RadMaskedTextBox ID="txtCellNo" runat="server" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="160px" Height="25px">
                                    </telerik:RadMaskedTextBox>
                                </div>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlSecondaryContact" runat="server" CssClass="selectBox" Width="75px" Height="23px">
                                    </asp:DropDownList>
                                </div>
                                <%--<asp:TextBox ID="txtCellNo" runat="server"></asp:TextBox>
                     <asp:MaskedEditExtender ID="MaskedEditExtendercell" runat="server" TargetControlID="txtCellNo" Mask="999-999-9999"
                          MessageValidatorTip="true" ErrorTooltipEnabled="True" clearmaskonlostfocus="false" PromptCharacter=" ">
                     </asp:MaskedEditExtender>--%>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">
                                <%--<asp:Label ID="Label4" ForeColor="Red" runat="server" Text="*"></asp:Label>--%>
                                <asp:Label ID="Label5" runat="server" Text="Email Address:"></asp:Label>
                            </td>
                            <td style="width: 70%" colspan="2">
                                <asp:TextBox ID="txtEmailAddress" Width="100%" runat="server" CssClass="input" MaxLength="60" AutoCompleteType="Disabled"></asp:TextBox>
                                <br />
                                <%--<asp:Label ID="EmailErrorLable" runat="server" ForeColor="Red" Font-Size="Small"></asp:Label>--%>
 
 
                                <asp:RegularExpressionValidator ID="emailValidator" runat="server" Display="Dynamic"
                                    ErrorMessage="Please, enter valid e-mail address (Ex. example@domain.com)." ValidationExpression="^[\w\.\-]+@[a-zA-Z0-9\-]+(\.[a-zA-Z0-9\-]{1,})*(\.[a-zA-Z]{2,3}){1,2}$"
                                    ControlToValidate="txtEmailAddress" ForeColor="Red">
                                </asp:RegularExpressionValidator>
                            </td>
                        </tr>
                    </table>
                </div>
            </telerik:RadPageView>
            <%--</telerik:RadMultiPage>
         <telerik:RadMultiPage runat="server" ID="rmpTax" SelectedIndex="2" CssClass="outerMultiPage">--%>
            <telerik:RadPageView runat="server" ID="TaxInfo" TabIndex="2" Font-Names="Arial" ForeColor="DarkBlue">
                <br />
                
                  <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel2" Height="100%"></telerik:RadAjaxLoadingPanel>
                                    <telerik:RadAjaxPanel ID="RadAjaxPanel3" runat="server" LoadingPanelID="RadAjaxLoadingPanel2" Height="100%">
                                         <asp:HiddenField runat="server" ID="hdfPrompt1" Value="" />
                <asp:HiddenField runat="server" ID="hdfPrompt2" Value="" />
                <asp:HiddenField runat="server" ID="hdfPrompt3" Value="" />
                <asp:HiddenField runat="server" ID="hdfPrompt4" Value="" />
                <table>
                    <tr>
                        <td colspan="4" style="text-align: center;">
                            <asp:Label runat="server" ID="lblTaxInfoErrorMessage" SkinID="Error" ForeColor="Red"></asp:Label>
                        </td>
                    </tr>
                </table>
                <div align="left" style="padding-left: 5px">
                    <table>
                        <tr>
                            <td colspan="2" style="text-align: center; font-weight: bold; font-size: medium; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;">Federal</td>
                            <td style="text-align: center; font-weight: bold; font-size: medium; text-decoration: underline; font-family: Arial, Helvetica, sans-serif;" class="auto-style16" colspan="2">State</td>
 
                        </tr>
                        <tr>
                            <td class="auto-style24"></td>
                            <td></td>
                            <td style="text-align: left">
                                <asp:Label ID="Label6" ForeColor="Red" runat="server" Text="*" />Withholding State: </td>
                            <td>
                                <div class="selectWrapper" style="border: 1px  solid red">
                                    <asp:DropDownList ID="ddlStateWithHoldingState" runat="server" CssClass="selectBox" Height="23px" TabIndex="17">
                                    </asp:DropDownList>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style24">Marital Status:
                            </td>
                            <td>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlFedMarital" runat="server" CssClass="selectBox" Height="23px" Enabled="true" TabIndex="10">
                                    </asp:DropDownList>
                                </div>
                            </td>
                            <td style="text-align: left">Marital Status:
                            </td>
                            <td>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlStateMarital" runat="server" CssClass="selectBox" Height="23px" Enabled="true" TabIndex="18">
                                    </asp:DropDownList>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style24">Exemptions:
                            </td>
                            <td>
                                <asp:TextBox ID="txtFedExempt" runat="server" MaxLength="2" onfocus="this.select()" AutoCompleteType="Disabled" CssClass="input" Width="30px" Height="20px" TabIndex="11" ValidationGroup="EmploymentInfo"></asp:TextBox>
                                <br /><asp:RegularExpressionValidator ID="reFederalExemptions" runat="server" ControlToValidate="txtFedExempt" ValidationExpression="^\d+$" ValidationGroup="EmploymentInfo"
                                    ErrorMessage="FederalExemptions: Only numeric values are allowed." ForeColor="red" SetFocusOnError="true"></asp:RegularExpressionValidator>
                            </td>
                            <td style="text-align: left">Exemptions:
                            </td>
                            <td>
                                <asp:TextBox ID="txtStateExempt" runat="server" MaxLength="2" onfocus="this.select()" AutoCompleteType="Disabled" Width="30px" CssClass="input" Height="20px" TabIndex="19" ValidationGroup="EmploymentInfo"></asp:TextBox>
                                <br /><asp:RegularExpressionValidator ID="reStateExemptions" runat="server" ControlToValidate="txtStateExempt" ValidationExpression="^\d+$" ValidationGroup="EmploymentInfo"
                                    ErrorMessage="StateExempt: Only numeric values are allowed." ForeColor="red" SetFocusOnError="true"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                 
                                <asp:Button ID="ExtraFixed" runat="server" OnClick="RadioButton_Click" style="display:none"  CssClass="Disp" AutoPostBack="true" ></asp:Button>
                                 
                                
                            </td>
                            <td>
                                <asp:RadioButton ID="rbFedExtra" runat="server" Text="Extra" OnCheckedChanged="rbFedExtra_CheckedChanged" GroupName="R1" AutoPostBack="true" TabIndex="12" />
                                <asp:RadioButton ID="rbFedFixed" runat="server" Text="Fixed" OnCheckedChanged="rbFedFixed_CheckedChanged" GroupName="R1" AutoPostBack="true" TabIndex="12" />
                            </td>
                            <td></td>
                            <td>
                                <asp:RadioButton ID="rbStateExtra" runat="server" Text="Extra" OnCheckedChanged="rbStateExtra_CheckedChanged" GroupName="R2" AutoPostBack="true" TabIndex="20" />
                                <asp:RadioButton ID="rbStateFixed" runat="server" Text="Fixed" OnCheckedChanged="rbStateFixed_CheckedChanged" GroupName="R2" AutoPostBack="true" TabIndex="20" />
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style24">Extra Withholding:
                            </td>
                            <td>
                                <asp:RadioButton ID="rbFedExtraDollar" runat="server" Text="$" GroupName="Radio1" OnCheckedChanged="rbFedExtraDollar_CheckedChanged" AutoPostBack="true" TabIndex="13" />
                                <asp:RadioButton ID="rbFedExtraPercent" runat="server" Text="%" GroupName="Radio1" OnCheckedChanged="rbFedExtraPercent_CheckedChanged" AutoPostBack="true" TabIndex="13" />
                                <telerik:RadNumericTextBox ID="txtFEDExtraWH" runat="server" AutoCompleteType="Disabled" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" CssClass="input" Height="25px" TabIndex="14"></telerik:RadNumericTextBox>
                                <br />
                                <%-- <asp:RegularExpressionValidator runat="server" ID="revFedExtraPositive" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                    ErrorMessage="Enter valid integer(####.##)" ForeColor="Red" ControlToValidate="RadtxtExtraFederalWithholding" Enabled="true">
                                </asp:RegularExpressionValidator>
                                <br />--%>
                                <asp:RegularExpressionValidator runat="server" ID="revFedExtraPercent" ControlToValidate="txtFEDExtraWH" Enabled="false"
                                    ErrorMessage="FEDExtraWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                    ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                </asp:RegularExpressionValidator>
                            </td>
                            <td style="text-align: left">Extra Withholding:
                            </td>
                            <td>
                                <asp:RadioButton ID="rbStateExtraDollar" runat="server" Text="$" GroupName="Radio2" OnCheckedChanged="rbStateExtraDollar_CheckedChanged" AutoPostBack="true" TabIndex="21" />
                                <asp:RadioButton ID="rbStateExtraPercent" runat="server" Text="%" GroupName="Radio2" AutoPostBack="true" OnCheckedChanged="rbStateExtraPercent_CheckedChanged" TabIndex="21" />
                                <telerik:RadNumericTextBox ID="txtStateExtraWH" runat="server" CssClass="input" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" Height="25px" TabIndex="22"></telerik:RadNumericTextBox>
                                <br />
                                <%--<asp:RegularExpressionValidator runat="server" ID="revStateExtraPositive" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                    ErrorMessage="Enter only positive integer" ForeColor="Red" ControlToValidate="RadtxtExtraStatewithholding" Enabled="true">
                                </asp:RegularExpressionValidator>
                                <br />--%>
                                <asp:RegularExpressionValidator runat="server" ID="revStateExtraPercent" ControlToValidate="txtStateExtraWH" Enabled="false"
                                    ErrorMessage="StateExtraWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                    ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                </asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style24">Fixed Withholding:
                            </td>
                            <td>
                                <asp:RadioButton ID="rbIsDollarFederal" runat="server" Text="$" GroupName="Radio" AutoPostBack="true" OnCheckedChanged="rbIsDollarFederal_CheckedChanged" TabIndex="15" />
                                <asp:RadioButton ID="rbIsPercentFederal" runat="server" Text="%" GroupName="Radio" AutoPostBack="true" OnCheckedChanged="rbIsPercentFederal_CheckedChanged" TabIndex="15" />
                                <telerik:RadNumericTextBox ID="txtFedFixedWH" runat="server" Enabled="true" AutoCompleteType="Disabled" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" CssClass="input" Height="25px" TabIndex="16"></telerik:RadNumericTextBox>
                                <br />
                                <%--<asp:RegularExpressionValidator runat="server" ID="revdedamt" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                    ErrorMessage="Enter only positive integer" ForeColor="Red" ControlToValidate="RadtxtFixedFederalWithholding" Display="Dynamic">
                                </asp:RegularExpressionValidator>
                                <br />--%>
                                <asp:RegularExpressionValidator runat="server" ID="rvFedWithholding" ControlToValidate="txtFedFixedWH" Enabled="false"
                                    ErrorMessage="FedFixedWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                    ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                </asp:RegularExpressionValidator>
                                <%-- <asp:RangeValidator ID="rvFedWithholding" runat="server" ControlToValidate="RadtxtFixedFederalWithholding" MaximumValue="100" MinimumValue="1"
                                    ErrorMessage="Enter value between 1 to 100." SetFocusOnError="True" Enabled="false" Type="Double" ForeColor="Red" ValidationGroup="EmployeeUpdate"></asp:RangeValidator>--%>
 
                            </td>
                            <td style="text-align: left">Fixed Withholding:
                            </td>
                            <td>
                                <asp:RadioButton ID="rbIsDollarState" runat="server" Text="$" GroupName="Radio4" AutoPostBack="true" OnCheckedChanged="rbIsDollarState_CheckedChanged" TabIndex="23" />
                                <asp:RadioButton ID="rbIsPercentState" runat="server" Text="%" GroupName="Radio4" AutoPostBack="true" OnCheckedChanged="rbIsPercentState_CheckedChanged" TabIndex="23" />
                                <telerik:RadNumericTextBox ID="txtStateFixedWH" runat="server" Enabled="true" AutoCompleteType="Disabled" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" mask="nnnnnn.nn" MinValue="000000.00" MaxValue="999999.99" AllowOutOfRangeAutoCorrect="false" Width="70px" CssClass="input" Height="25px" TabIndex="24"></telerik:RadNumericTextBox>
                                <br />
                                <%--<asp:RegularExpressionValidator runat="server" ID="RegularExpressionValidator4" ValidationExpression="^[0-9]\d{0,9}(\.\d{1,2})?%?$" ValidationGroup="EmployeeUpdate"
                                    ErrorMessage="Enter only positive integer" ForeColor="Red" ControlToValidate="RadtxtFixedStateWithholding">
                                </asp:RegularExpressionValidator>
                                <br />--%>
                                <asp:RegularExpressionValidator runat="server" ID="rvStateWithholding" ControlToValidate="txtStateFixedWH" Enabled="false"
                                    ErrorMessage="StateFixedWH: Enter value between 0 to 100" ForeColor="Red" ValidationGroup="EmploymentInfo"
                                    ValidationExpression="^100(\.0{0,2}?)?$|^\d{0,2}(\.\d{0,2})?$" Display="Dynamic" SetFocusOnError="True">                    
                                </asp:RegularExpressionValidator>
                                <%--<asp:RangeValidator ID="rvStateWithholding" runat="server" ControlToValidate="RadtxtFixedStateWithholding" MaximumValue="100" MinimumValue="1"
                                    ErrorMessage="Enter value between 1 to 100." SetFocusOnError="True" Enabled="false" Type="Double" ForeColor="Red" ValidationGroup="EmployeeUpdate"></asp:RangeValidator>--%>
                            </td>
                        </tr>
                        <tr>
 
                            <td class="auto-style24"></td>
                            <td></td>
                            <td>
                                <asp:Label ID="Label7" ForeColor="Red" runat="server" Text="*" />SUI State:
                            </td>
                            <td>
                                <div class="selectWrapper" style="border: 1px  solid red">
                                    <asp:DropDownList ID="ddlSUIState" runat="server" CssClass="selectBox" TabIndex="25">
                                    </asp:DropDownList>
                                </div>
                            </td>
                        </tr>
 
                        <tr>
 
                            <td class="auto-style24"></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
 
 
                        <tr>
                            <td style="text-align: left" class="auto-style24">Non-taxable pay only: </td>
                            <td>
                                <asp:CheckBox ID="chkNonTaxableApayAmount" runat="server" AutoPostBack="true" OnCheckedChanged="chkNonTaxableApayAmount_CheckedChanged" TabIndex="26" />
                            </td>
                            <td style="text-align: left; visibility: hidden">Local Marital Status: </td>
                            <td style="visibility: hidden">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlLocalMaritalStatus" runat="server" CssClass="selectBox" Height="23px">
                                    </asp:DropDownList>
                                </div>
                            </td>
 
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style24">OASDI Exempt: </td>
                            <td>
                                <asp:CheckBox ID="chkOASDIExempt" runat="server" TabIndex="27" />
                            </td>
                            <td style="text-align: left; visibility: hidden">Local Exemptions: </td>
                            <td style="visibility: hidden">
                                <asp:TextBox ID="txtLocalExemptions" runat="server" AutoCompleteType="Disabled" Width="30px"></asp:TextBox>
                                <asp:RegularExpressionValidator ID="reLocalExemptions" runat="server" ControlToValidate="txtLocalExemptions" ErrorMessage="Only numeric values are allowed." ForeColor="red" SetFocusOnError="true" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
                            </td>
 
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style24">Medicare Exempt: </td>
                            <td>
                                <asp:CheckBox ID="chkMedicareExempt" runat="server" TabIndex="28" />
                            </td>
                            <td style="text-align: left; visibility: hidden">Extra Local Withholding: </td>
                            <td style="visibility: hidden">
                                <telerik:RadNumericTextBox ID="RadtxtExtraLocalWithholding" runat="server" AllowOutOfRangeAutoCorrect="false" AutoCompleteType="Disabled" mask="nnnnnn.nn" MaxValue="999999.99" MinValue="-999999.99" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" Width="70px">
                                </telerik:RadNumericTextBox>
                            </td>
 
                        </tr>
                        <tr>
                            <td class="auto-style24"></td>
                            <td></td>
                            <td style="text-align: left; visibility: hidden">Fixed Local Withholding: </td>
                            <td style="visibility: hidden">
                                <asp:RadioButton ID="rbIsDollarLocal" runat="server" Checked="true" GroupName="Radio3" Text="$" />
                                <asp:RadioButton ID="rbIsPercentLocal" runat="server" GroupName="Radio3" Text="%" />
                                <telerik:RadNumericTextBox ID="RadtxtFixedLocalWithholding" runat="server" AllowOutOfRangeAutoCorrect="false" AutoCompleteType="Disabled" Enabled="true" mask="nnnnnn.nn" MaxValue="999999.99" MinValue="-999999.99" NumberFormat-DecimalDigits="2" SelectionOnFocus="SelectAll" Width="70px">
                                </telerik:RadNumericTextBox>
                            </td>
 
                        </tr>
 
 
                    </table>
                </div></telerik:RadAjaxPanel>
            </telerik:RadPageView>
            <%-- </telerik:RadMultiPage>
         <telerik:RadMultiPage runat="server" ID="rmpAdditional" SelectedIndex="3" CssClass="outerMultiPage">--%>
            <telerik:RadPageView runat="server" ID="AdditionalInfo" TabIndex="3" Font-Names="Arial" ForeColor="DarkBlue">
 
                <div align="left" style="padding-left: 5px">
                    <asp:Label runat="server" ID="AdditonalInfoErrorMessage" SkinID="Error" ForeColor="Red"></asp:Label>
                </div>
                <br />
 
                <div align="left" style="padding-left: 5px">
                    <table style="width: 894px">
                        <tr>
                            <td style="text-align: left" class="auto-style19">Emergency Contact #1:
                            </td>
                            <td class="auto-style22">
                                <asp:TextBox ID="txtEmergencyContact" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="10"></asp:TextBox>
                            </td>
                            <td style="text-align: left" class="auto-style23">Emergency Contact #2:
                            </td>
                            <td class="auto-style16">
                                <asp:TextBox ID="txtEmergencyContact2" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="16"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style19">Relationship:
                            </td>
                            <td class="auto-style22">
                                <asp:TextBox ID="txtRelationship" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="11"></asp:TextBox>
                            </td>
                            <td style="text-align: left" class="auto-style23">Relationship:
                            </td>
                            <td class="auto-style16">
                                <asp:TextBox ID="txtRelationship2" runat="server" CssClass="input" AutoCompleteType="Disabled" TabIndex="17"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style19">Phone Number:
                            </td>
                            <td class="auto-style22">
                                <div class="selectWrapper2">
                                    <telerik:RadMaskedTextBox ID="RadtxtContact1_No" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" Width="110px" Height="25px" TabIndex="12">
                                    </telerik:RadMaskedTextBox>
                                </div>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlRadtxtContact1_No" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="13">
                                    </asp:DropDownList>
                                </div>
 
                            </td>
 
                            <td class="auto-style23">Phone Number:
                            </td>
                            <td>
                                <div class="selectWrapper2">
                                    <telerik:RadMaskedTextBox ID="RadtxtContact2_No1" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="110px" Height="25px" TabIndex="18">
                                    </telerik:RadMaskedTextBox>
                                </div>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlRadtxtContact2_No1" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="19">
                                    </asp:DropDownList>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style19">Phone Number:
                            </td>
                            <td class="auto-style22">
                                <div class="selectWrapper2">
                                    <telerik:RadMaskedTextBox ID="RadtxtContact1_No2" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="110px" Height="25px" TabIndex="14">
                                    </telerik:RadMaskedTextBox>
                                </div>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlRadtxtContact1_No2" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="15">
                                    </asp:DropDownList>
                                </div>
                            </td>
                            <td class="auto-style23">Phone Number:
                            </td>
                            <td class="auto-style16">
                                <div class="selectWrapper2">
                                    <telerik:RadMaskedTextBox ID="RadtxtContact2_No2" runat="server" BorderColor="DarkBlue" ClientEvents-OnFocus="focus" Mask="###-###-####" PromptChar=" " CssClass="input" LabelWidth="64px" Width="110px" Height="25px" TabIndex="20">
                                    </telerik:RadMaskedTextBox>
                                </div>
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlRadtxtContact2_No2" runat="server" CssClass="selectBox" Width="75px" Height="23px" TabIndex="21">
                                    </asp:DropDownList>
                                </div>
                            </td>
                        </tr>
 
                        <tr>
 
 
                            <td class="auto-style19"> </td>
                            <td class="auto-style22"> </td>
                        </tr>
                        <tr>
 
 
                            <td class="auto-style19"> </td>
                            <td class="auto-style22"> </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style19">Drivers License State:
                            </td>
                            <td class="auto-style22">
                                <div class="selectWrapper">
                                    <asp:DropDownList ID="ddlDriversLicenseState" runat="server" CssClass="selectBox" Height="23px" TabIndex="25">
                                    </asp:DropDownList>
                                </div>
                            </td>
                            <td class="auto-style23"> </td>
                            <td class="auto-style16"> </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style19">Drivers License Number:
                            </td>
                            <td class="auto-style22">
                                <asp:TextBox ID="txtDriversLicenceNo" runat="server" CssClass="input" AutoCompleteType="Disabled" MaxLength="30" TabIndex="25"></asp:TextBox>
                            </td>
                            <td class="auto-style23"> </td>
                            <td class="auto-style16"> </td>
                        </tr>
                        <tr>
                            <td style="text-align: left" class="auto-style19">Expiration Date:
                            </td>
                            <td class="auto-style22">
                                <asp:TextBox ID="txtExpirationDate" runat="server" onclick="this.focus();this.select()"
                                     onkeyup=" var v = this.value;
                                        if (v.match(/^\d{2}$/) !== null) {
                                            this.value = v + '/';
                                        } else if (v.match(/^\d{2}\/\d{2}$/) !== null) {
                                            this.value = v + '/';
                                        }"
                                    PlaceHolder="mm/dd/yyyy" AutoCompleteType="None" CssClass="input" MaxLength="10" ValidateRequestMode="Inherit" Width="90px" ValidationGroup="EmploymentInfo" BorderColor="DarkBlue" TabIndex="26" autocomplete="off" />
                                <ajax:CalendarExtender ID="calExpirationDate" TargetControlID="txtExpirationDate" PopupPosition="TopRight" Format="MM/dd/yyyy" runat="server">
                                </ajax:CalendarExtender>
                                <br /><asp:RegularExpressionValidator runat="server" ControlToValidate="txtExpirationDate" ValidationGroup="EmploymentInfo" ValidationExpression="^(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))?$|^ */ */ *$" ErrorMessage="ExpirationDate: Invalid date format." ForeColor="Red" />
                             </td>
                            <td class="auto-style23"> </td>
                            <td class="auto-style16"> </td>
                        </tr>
                        <%-- <tr>
                 <td style="text-align:left">
                     User Specified Field:
                 </td>
                 <td>
                     <asp:TextBox ID="txtUserSpecifiedField1" runat="server"></asp:TextBox>
                 </td>
             </tr>
             <tr>
                 <td style="text-align:left">
                     User Specified Field:
                 </td>
                 <td>
                     <asp:TextBox ID="txtUserSpecifiedField2" runat="server"></asp:TextBox>
                 </td>
             </tr>
             <tr>
                 <td style="text-align:left">
                     User Specified Field:
                 </td>
                 <td>
                     <asp:TextBox ID="txtUserSpecifiedField3" runat="server"></asp:TextBox>
                 </td>
             </tr>
             <tr>
                 <td style="text-align:left">
                     User Specified Field:
                 </td>
                 <td>
                     <asp:TextBox ID="txtUserSpecifiedField4" runat="server"></asp:TextBox>
                 </td>
             </tr>
             <tr>
                 <td style="text-align:left">
                     User Specified Field:
                 </td>
                 <td>
                     <asp:TextBox ID="txtUserSpecifiedField5" runat="server"></asp:TextBox>
                 </td>
             </tr>
             <tr>
                 <td style="text-align:left">
                     User Specified Field:
                 </td>
                 <td>
                     <asp:TextBox ID="txtUserSpecifiedField6" runat="server"></asp:TextBox>
                 </td>
             </tr>--%>
                    </table>
                </div>
            </telerik:RadPageView>
        </telerik:RadMultiPage>
        <table>
            <tr>
                <td style="text-align: left">
                    <telerik:RadButton ID="radCancel" runat="server" CausesValidation="false" Skin="Windows7" Text="Cancel" OnClick="btnCancel_Click">
                        <Icon PrimaryIconCssClass="rbRemove" />
                    </telerik:RadButton>
                </td>
                  
          <td style="text-align: left">
              <telerik:RadButton ID="radUpdate" runat="server" ValidationGroup="EmploymentInfo" valSkin="Windows7" Text="Save" OnClick="btnSave_Click">
                  <Icon PrimaryIconCssClass="rbSave" />
              </telerik:RadButton>
          </td>
            </tr>
        </table>

 

My code is working like on click of submit button user is getting error because of validation. But user is not get to know on which tab he/she getting error.

I want that if user is getting error on click of submit button, tab should switch to that tab on which he/she is getting error.

Kindly help me with appropriate solution.....

 

 

Marin Bratanov
Telerik team
 answered on 04 Feb 2019
1 answer
207 views

Is there any examples of Rad grids binding to stored procedures with pagination and sorting?

 

Marin Bratanov
Telerik team
 answered on 04 Feb 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?