Measurement Window Units Dropdown ZIndex

2494
2
Jump to solution
03-11-2014 08:14 AM
JosephHamilton
New Contributor
[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?
0 Kudos
1 Solution

Accepted Solutions
JosephHamilton
New Contributor
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;
            });
        });

View solution in original post

2 Replies
JosephHamilton
New Contributor
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;
            });
        });

View solution in original post

HaroldBostic
Occasional Contributor II

@3.13 it's

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

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

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

            });

        });

0 Kudos