Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
2035
igDatePicker styling problem
posted

I am porting an app from 14.2 to 17.1.  I am trying to get the DatePicker to look like in the attached image from my 14.2 app, but have been unsuccessful.  I cannot get the calendar image to display.  The relevant code is shown below.  What am I doing wrong here?

Thanks,

Arthur

#exam-date {
background: transparent;
border: none;
padding: 0;
color: transparent;
font-weight: bold;
color: #F6BF46;
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
}

#exam-date .ui-igedit-buttonimage .ui-icon-triangle-1-s .ui-icon {
width: 16px;
height: 16px;
background-image: url(themes/brand/img/calendar_16.png);
background-position: 0px 0px;
}

@(Html.Infragistics().DatePickerFor(m => m.ExamDate)
.ID("exam-date")
.ButtonType(TextEditorButtonType.DropDown)
.PlaceHolder("Enter date")
.MinValue(@Model.MinExamDate.Date)
.MaxValue(@Model.MaxExamDate.Date)
.ClientEvents(new Dictionary<string, string>() { { "valueChanged", "function(evt, ui) { updateExamDate(ui.newValue) }" } })
.Width(70)
.DateDisplayFormat("d MMM")
.DateInputFormat("d MMM")
.Render())

Parents Reply Children
No Data