I am using KendoUI for HTML5 controls. So far everything has worked great and I have a common look and feel for my app. However, when I try and put the measurement tool inside of a kendo window, the drop down to select the units ZIndex is always behind the control.
If I put the measurement tool in a dojo panel, it does work, but I would like to keep with a consistent feel for my app.
I listen for the click event on the Measurement Unit DropDownButton:
app.measurement.unit.on("click", function () { //Found the class using the page inspector //It adds a new div with a new ID for every click $(".dijitPopup.dijitMenuPopup").each(function () { //KendoUI window zIndex start at 10,000 $("#" + this.id)[0].style.zIndex=20000; }); });
I listen for the click event on the Measurement Unit DropDownButton:
app.measurement.unit.on("click", function () { //Found the class using the page inspector //It adds a new div with a new ID for every click $(".dijitPopup.dijitMenuPopup").each(function () { //KendoUI window zIndex start at 10,000 $("#" + this.id)[0].style.zIndex=20000; }); });