I have a web page on which some of the drop down lists need normal text, and some of them will be used on touch screens and hence need large text. If I just add the style...
k-popup .k-item {
font-size: 24px;
}
That sets the fonts for all drop down lists - not just the touchscreen ones. I have tried the following...
.gatehousedropfont.k-popup .k-item {
font-size: 24px;
}
$("#LoadTipTypeDropDown").kendoDropDownList({
open: function(e) {
e.sender.list.addClass("gatehousedropfont");
}
});
...but that just removes all the items from the drop down list. Indeed, even the following call removes all the items from the drop down list:
$("#NewExtraVehicle").kendoDropDownList();
Also, looking at the object in the Chrome inspector implies that something like the following might work - but unfortunately it doesn't:
var theList = $("#LoadTipTypeDropDown").kendoDropDownList;
theList[0].style.fontSize = "24";