window zindex problem

[ben]

Hi,

I'm using angularjs with kendo.ui.

I had created some windows and I use $(".k-window").css("z-index", 25) to set the windows' zindex for my requirement.

The problem was these windows would overlay each other according to the create order in html.

If I focus on one window it should auto toFront other windows.

If I didn't set the index, above problem will not appear since the default toFront function.

How can I do if I want to set the windows' index but the default toFront function will work?

 

[Ianko]

Hello Ben,

 

Kendo Window toFront method expects all .k-window elements' z-index to increment successively. Therefore, setting all .k-window elements' z-index to 25 breaks the toFront logic.

 

I recommend you using logic that increments the z-index of each other popup. Here you are an example for that: 

 

 var zIndex  = 25;
 $(".k-window").each(function(i, elem){
     $(elem).css("z-index", ++zIndex);
 });

 

Regards,
Ianko
Telerik by Progress

 

 

[ben]

Hello lanko,

Your code work for me! Thank you for your help.