Higher index for modal window

[Seyfor]

How can I achieve that all modal windows (and all .k-overlay) has z-index greater then 100000? Basically I want to increase z-index for constant(100000) if window is modal.

[Dimiter Topalov]

Hello Matjaž,

You can overwrite the default Kendo UI styles like this:

.k-overlay {
z-index: 100000 !important;
}

.k-widget.k-window {
z-index: 100001 !important;
}

http://dojo.telerik.com/OyEDEC

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress

[Seyfor]

No, it does not since I need this only for modal windows.

[Seyfor]

I found solution in adding code to toFront method:

toFront: function (e) {
     var that = this, wrapper = that.wrapper, ...
     if (this.options.modal === true)
            zIndex += 100000;

But I would really like to see kendo solution, since modifying source code is the worst solution if you regularly update sources.

[Magdalena]

Hello Matjaž,

You can use the following selector to apply CSS rules only to a modal window:

.k-overlay,
.k-overlay + .k-window {
    z-index: 100000;
}

Regards,
Magdalena
Telerik by Progress