Upload in ModalPopup

[Reiner Ebel]

Hello,
I used the RadFileExplorer in a Panel for ModalPopup. It works good. When I clicked by the Upload button, then the Upload Dialog is not in front from the FileExplorer. How can I solve this problem?

Thanks
Reiner

[Georgi Tunev]

Hello Reiner,

The reason for this problem is the z-index of the modal popup - you need to set the dialog's z-index to a higher value.
Since RadFileExplorer uses RadWindowManager to show the upload dialog, the easiest way is to set this value from the codebehind.
For example:

protected void Page_Load(object sender, EventArgs e)
    {
        RadFileExplorer1.WindowManager.Style.Add("z-index", "20000");
    }

All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[RAM]

As mentioned, i am using

 

FileExplorer1.WindowManager.Style.Add("z-index", "20000"); It works in IE but not in chrome. Is there anything else i need to set.

Thanks.

 

 

[Dobromir]

Hello,

It seems that in Chrome the zIndex of the ModalPopupExtender is 100,000 while in InternetExplorer is 10,000. To avoid the issue for Chrome as well you just need to set the z-index value of the RAdFileExplorer's WindowManager to be higher than 100,000.

Kind regards,
Dobromir
the Telerik team

[RAM]

Team, when i try to drag and drop files between folders with file explorer in a popup window the drag icon is going behind, is there any solution for that.

            Thanks, Ram

[Vessy]

Hi Ram,

In order to workaround this behavior you need to add the followind CSS style:

<telerik:RadCodeBlock runat="server">
    <style type="text/css">
        #<%=RadFileExplorer1.ClientID%>_grid_DraggedRows
        {
            z-index: 100002 !important;
        }
    </style>
</telerik:RadCodeBlock>

The above used ID is being created depending on the RadFileExplorer's ID, and this is the recommended way to be used.

All the best,
Vesi
the Telerik team