We created a simple dropdown list, but when displayed on the web page (ie8), the items are overlapping. ALthough each item is in it’s own row (sort of), the height of each line items is probably 6px.
We are using JQW version 3.2.1
The source code below:
var monthCodes = [
{ value: 0, label: "" },
{ value: 1, label: "January" },
{ value: 2, label: "February" },
{ value: 3, label: "March" },
{ value: 4, label: "April" },
{ value: 5, label: "May" },
{ value: 6, label: "June" },
{ value: 7, label: "July" },
{ value: 8, label: "August" },
{ value: 9, label: "September" },
{ value: 10, label: "October" },
{ value: 11, label: "November" },
{ value: 12, label: "December" },
];
var monthSource = { datatype: "array", datafields: [{ name: 'label', type: 'string' }, { name: 'value', type: 'int' }], localdata: monthCodes };
var monthAdapter = new $.jqx.dataAdapter(monthSource);
$('#ExpMonthComvax').jqxDropDownList({ source: monthAdapter, width: '100', theme: "metro", displayMember: "label", valueMember: "value", height: '25' });
