Measurement Window Units Dropdown ZIndex

[JosephHamilton]

[ATTACH=CONFIG]32114[/ATTACH]

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.

Has anyone else encountered or solved this?

[JosephHamilton · Accepted solution]

I figured it out.

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;
            });
        });

[HaroldBostic]

@3.13 it's

measurementTool._unitDropDown.on('click', function () {

            $('.dijitPopup.dijitMenuPopup').each(function() {

                $('#' + this.id).css('z-index', 2000);

            });

        });