Hi
Would you have an idea why the tick is outside the box.
I use <p>..
See it here: http://prntscr.com/7dxgui
The checkbox is for JOINT_APPLICANT
The view is:
@using PartnerLink.Models@using Telerik.OpenAccess.SPI@model TBL_ASSIGNMENT@section Head{ <linkhref="@Url.Content("~/Content/css/AddCase.min.css")" re rel="stylesheet"type="text/css"/> <linkhref="https://da7xgjtj801h2.cloudfront.net/2015.1.408/styles/kendo.common.min.css"rel="stylesheet"type="text/css"/> <linkhref="https://da7xgjtj801h2.cloudfront.net/2015.1.408/styles/kendo.mobile.all.min.css"rel="stylesheet"type="text/css"/> <linkhref="https://da7xgjtj801h2.cloudfront.net/2015.1.408/styles/kendo.default.min.css"rel="stylesheet"type="text/css"/> <scriptsrc="https://da7xgjtj801h2.cloudfront.net/2015.1.408/js/jquery.min.js"></script> <scriptsrc="https://da7xgjtj801h2.cloudfront.net/2015.1.408/js/jszip.min.js"></script> <scriptsrc="https://da7xgjtj801h2.cloudfront.net/2015.1.408/js/kendo.all.min.js"></script> <scriptsrc="https://da7xgjtj801h2.cloudfront.net/2015.1.408/js/kendo.aspnetmvc.min.js"></script> <scriptsrc="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script> <scriptsrc="//cdn.jsdelivr.net/jquery.cookie/1.4.1/jquery.cookie.min.js"type="text/javascript"></script>}@{ Layout = "~/Views/Shared/_EmptyLayout.cshtml"; ViewBag.Title = "Add case"; EntitiesModel entities = new EntitiesModel(); var currentUser = entities.TBL_USERs.FirstOrDefault(u => u.USER_ID == Model.USER_CREATED); var usersSource = entities.TBL_USERs .Where(u => u.LEAD_PROVIDER_ID == currentUser.LEAD_PROVIDER_ID) .Select(u => new UserDropBoxItem { UserId = u.USER_ID, FullName = u.FIRST_NAME + " " + u.SURNAME }) .ToList(); //usersSource.Add(new UserDropBoxItem() { UserId = "", FullName = "" }); usersSource = usersSource.OrderBy(u => u.UserId).ToList(); var salutations = entities.TBL_SALUTATIONs .Where(s => !s.OUT_OF_USE) .Select(s => new SalutationDropboxItem { Id = s.SALUTATION_ID, Salutation = s.SALUTATION }) .ToList(); salutations.Add(new SalutationDropboxItem() { Id = 0, Salutation = "" }); salutations = salutations.OrderBy(s => s.Id).ToList(); var country = entities.TBL_COUNTRies.Where(w => !w.OUT_OF_USE) .Select(s => new { ID =s.COUNTRY_ID, Name=s.COUNTRY} ); var sourceCodes = entities.TBL_SOURCE_CODEs.Where(w=>!w.OUT_OF_USE) .Select(s => new TBL_SOURCE_CODE { SOURCE_CODE_ID = s.SOURCE_CODE_ID, SOURCE_CODE = s.SOURCE_CODE }) .ToList(); }<divclass="all-content-wrapper"> <divclass="top-bar"> <divclass="title-container"> <h1>Add case</h1> </div> <imgclass="logo"src="@Url.Content("~/Content/Images/logo_300x50.png")" alt=" autodraft"/> </div> <formaction="/CreateCase"method="POST"accept-encoding="UTF"id="AddCaseForm"> <divclass="main-content"style="height: 520px; width: 1000px;"> <divclass="content-column"> <dlclass="listcontent"> <dt><br/><labelfor="CALL_AGENT_ID">Call Agent <spanclass="required"> *</span></label></dt> <dd>@Html.Kendo().DropDownListFor(m => m.CALL_AGENT_ID).Name("CALL_AGENT_ID").BindTo(usersSource).DataValueField("UserId").DataTextField("FullName").OptionLabel(" ").HtmlAttributes(new { required = "true", validationMessage = "Select Call Agent" })</dd> <dt><br/><labelfor="CALL_AGENT_MANAGER_ID">Call Agent Manager <spanclass="required"> *</span></label></dt> <dd>@Html.Kendo().DropDownListFor(m => m.CALL_AGENT_MANAGER_ID).Name("CALL_AGENT_MANAGER_ID").BindTo(usersSource).DataValueField("UserId").DataTextField("FullName").OptionLabel(" ").HtmlAttributes(new { required = "true", validationMessage = "Select Call Agent Manager" })</dd> <dt><br/><labelfor="CUSTOMER_ADVISOR_ID">Customer Advisor <spanclass="required"> *</span></label></dt> <dd>@Html.Kendo().DropDownListFor(m => m.CUSTOMER_ADVISOR_ID).Name("CUSTOMER_ADVISOR_ID").BindTo(usersSource).DataValueField("UserId").DataTextField("FullName").OptionLabel(" ").HtmlAttributes(new { required = "true", validationMessage = "Select Customer Advisor" })</dd> <dt><br/><labelfor="CUSTOMER_ADVISOR_MANAGER_ID">Customer Advisor Manager <spanclass="required"> *</span></label></dt> <dd>@Html.Kendo().DropDownListFor(m => m.CUSTOMER_ADVISOR_MANAGER_ID).Name("CUSTOMER_ADVISOR_MANAGER_ID").BindTo(usersSource).DataValueField("UserId").DataTextField("FullName").OptionLabel(" ").HtmlAttributes(new { required = "true", validationMessage = "Select Customer Advisor Manager" })</dd> <dt><br/>@Html.LabelFor(m => m.SOURCE_CODE_ID, "Source Code")</dt> <dd>@Html.Kendo().DropDownListFor(m => m.SOURCE_CODE_ID).Name("SOURCE_CODE_ID").BindTo(sourceCodes).DataValueField("SOURCE_CODE_ID").DataTextField("SOURCE_CODE").OptionLabel(" ")</dd> <dt></dt> <dd>@Html.Kendo().CheckBoxFor(m => m.JOINT_APPLICANT).Name("JOINT_APPLICANT").Label("Joint Applicant").HtmlAttributes(new { style = " left: -5000px" }) @Html.Kendo().CheckBoxFor(m => m.PARTNER_UNAWARE).Name("PARTNER_UNAWARE").Label("Partner Unaware").HtmlAttributes(new { style = " left: -5000px" }) </dd> </dl> </div> <divclass="content-column"> <dlclass="listcontent"> <dt><br/><labelfor="FIRST_NAME">First Name <spanclass="required"> *</span></label></dt> <dd>@Html.Kendo().TextBoxFor(m => m.FIRST_NAME).Name("FIRST_NAME").HtmlAttributes(new { required = "true", validationMessage = "Enter First Name" })</dd> <dt><br/><labelfor="SURNAME">Last Name <spanclass="required"> *</span></label></dt> <dd>@Html.Kendo().TextBoxFor(m => m.SURNAME).Name("SURNAME").HtmlAttributes(new { required = "true", validationMessage = "Enter Last Name" })</dd> <dt><br/>@Html.LabelFor(m => m.MAIDEN_NAME, "Maiden Name")</dt> <dd>@Html.Kendo().TextBoxFor(m => m.MAIDEN_NAME).Name("MAIDEN_NAME")</dd> <dt><br/>@Html.LabelFor(m => m.SALUTATION_ID, "Salutation")</dt> <dd>@Html.Kendo().DropDownListFor(m => m.SALUTATION_ID).Name("SALUTATION_ID").BindTo(salutations).DataValueField("Id").DataTextField("Salutation")</dd> <dt><br/><labelfor="ADDRESS_COUNTRY">Country <spanclass="required"> *</span></label></dt> <dd>@Html.Kendo().DropDownListFor(m => m.ADDRESS_COUNTRY_ID).Name("ADDRESS_COUNTRY_ID").BindTo(country).DataValueField("ID").DataTextField("Name").OptionLabel(" ").HtmlAttributes(new { onchange = "countryChange(this.value);", required = "true", validationMessage = "Select Country" })</dd> <dt><br/>@Html.LabelFor(m => m.GENDER, "Gender")</dt> <dd> @Html.Kendo().RadioButtonFor(m => m.GENDER).Name("GENDER").Label("M").Value('M').HtmlAttributes(new { style = " left: -5000px" }) @Html.Kendo().RadioButtonFor(m => m.GENDER).Name("GENDER").Label("F").Value('F').HtmlAttributes(new { style = " left: -5000px" }) </dd> </dl> </div> </div> <divclass="bottom-bar"> <pclass="close"style="margin-top: 0px; margin-top: 20px; position: fixed;">CLOSE</p> <inputclass="save-and-close"style="margin-top: 20px;"type="submit"value="ADD CASE"onclick="submitClicked()"/> <inputtype="submit"class="creatingMessage"value="Creating Case..."disabled /> </div> <a></a> </form></div><script> $(window).ready(function () { $("p.close").click(function () { location.pathname = "/"; }); }); function submitClicked() { var validator = $("#AddCaseForm").kendoValidator().data("kendoValidator"); var isvalid = validator.validate(); if (isvalid) { $('.save-and-close').hide(); $('.creatingMessage').show(); $('.close').hide(); } } function countryChange(selcountry) { var enabled = true; if (selcountry == 2) { enabled = false; $("#JOINT_APPLICANT").attr('checked', false); $("#JOINT_APPLICANT").attr('disabled', true); } else { $("#JOINT_APPLICANT").removeAttr('disabled'); enabled = $("#JOINT_APPLICANT").is(":checked"); } }</script>