Row Drag Drop zindex when grid in modal popup (firefox)

[Josh]

I've got a small issue with a grid in a modal popup... In firefox when dragging/dropping rows the dragged row(s) are behind the modal popup. This is only in firefox/safari. I've tried setting the zindex of the row in the skin's css file to no avail, any pointers for setting this? Maybe I'm setting the value for the wrong class?

[Rosen]

Hi Josh,

Indeed this behavior is due to modal popup extender's large zIndex value. I suggest you decrease it manually. The easiest way to accomplish that will be to modify it through javascript. I have attached a simple page that demonstrates this approach.

Kind regards,
Rosen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Josh]

That didn't quite work but got me going in the right direction, you need to set the zindex for the foregroud element (modalpopupbehaviorname_foregroundElement). It's a little odd as simply setting it to what it's default value is (10001) allows this to work in Firefox, it took awhile to find this as it appears to be already set (in IE anyway). Not sure why this is...

For anyone curious I used the following to fix this (not really a grid fix...) where x  is the name of the modal popup's behavior id:

function pageLoad()
{
    if(document.getElementById('x_foregroundElement'))
    {
        var panel = document.getElementById('x_foregroundElement');
        panel.style.zIndex = 10001;
    }
}