topic Measurement Window Units Dropdown ZIndex in ArcGIS JavaScript Maps SDK Questions

Measurement Window Units Dropdown ZIndex

JosephHamilton — Tue, 11 Mar 2014 15:14:24 GMT

[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?

Re: Measurement Window Units Dropdown ZIndex

JosephHamilton — Tue, 11 Mar 2014 17:01:40 GMT

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

Re: Measurement Window Units Dropdown ZIndex

HaroldBostic — Mon, 13 Apr 2015 05:59:10 GMT

@3.13 it's

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

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

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

});