I'm finally getting around to upgrading one project that I did some time back to 2017.1 from 2014.2. This is because I want to use the new schedule control. I have figured out a number of the changes required, but have encountered a few issues and could use some assistance please.
1. What is the replacement for DatePicker.Theme? For example:
@(Html.Infragistics().DatePickerFor(m => m.ExamDate) .ID("exam-date") .ButtonType(TextEditorButtonType.DropDown) .PlaceHolder("Enter date") .MinValue(@Model.MinExamDate) .MaxValue(@Model.MaxExamDate) .ClientEvents(new Dictionary<string, string>() { { "valueChanged", "function(evt, ui) { updateExamDate(ui.value) }" } }) .Width(70).Theme("custom-theme") .DateDisplayFormat("d MMM") .DateInputFormat("d MMM") .Render())
The goal is to customize this using the style:
.custom-theme .ui-icon { width: 16px; height: 16px; background-image: url(themes/brand/img/calendar_16.png);}
.custom-theme .ui-igedit-buttonimage { background-position: 0px 0px;}
2. What is the replacement for RenderMatchItemsCondition as in:
.RenderMatchItemsCondition(ComboRenderMatchItemsCondition.None)
3. This JS code fails with igEditor not found
var d1 = $($examDateId).igEditor('option', 'value');
where $examDateId refers to a DatePicker. What is the equivalent?
4. Is there a preferred version of JQuery to use?
Regards,
Arthur
Thank you, that was very helpful.
Hello,
Thank you for contacting Infragistics!
For the igDatePicker theme that has been removed. You would now apply custom CSS by creating your own custom CSS classes, modifying and already existing CSS class/theme. The following documtation goes over converting to the new igDatePicker:
https://www.igniteui.com/help/migrating-to-the-new-igdatepicker
Your second question appears to be for the igCombo in which case that property was renamed to highlight matches mode:https://www.igniteui.com/help/igcombo-migrating-to-the-new-combo
https://www.igniteui.com/help/api/2017.1/ui.igcombo#options:highlightMatchesMode
For the third question instead of using $($examDateId).igEditor('option', 'value'); you would use:
$(".selector").igDatePicker("value", new Date (2016, 2, 3);
https://www.igniteui.com/help/api/2017.1/ui.igdatepicker#methods:value
For version of jQuery you can also see our supported environments page:https://es.infragistics.com/support/supported-environments
FYI, https://www.igniteui.com/help/adding-the-required-resources-for-netadvantage-for-jquery lists the minimum jQuery dependencies.