Support custom upload dialog by overriding the built-in RadWindowManager within RadFileExplorer with a custom RadWindow upload dialog.

We need more than just adding meta data to uploaded files but must have complete control over this custom Radwindow upload dialog.

Thanks in advance,
Bob Baldwin
Trabon Solutions

There is a scroll and the Upload button is partially hidden when the Bootstrap skin is used in Classic render mode:

FileExplorer does not persist the scrolling position of its tree pane when a folder from the tree is selected in LW (and both horizontal and vertical sroll-bars are shown).

video - http://screencast.com/t/gG0l8Vbf7

Reproduction code:

protected void Page_Load(object sender, EventArgs e)
{
    RadToolBarDropDown dropDown = new RadToolBarDropDown("PageSize");
       
    dropDown.CssClass = "perPageDropDown";
    dropDown.EnableImageSprite = false;
    // dropDown.Text = GetGlobalResourceObject("Insight", "Per pagina")
    // dropDown.ToolTip = GetGlobalResourceObject("Insight", "Per pagina")
    FileExplorer1.ToolBar.Items.Add(dropDown);
}

<telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="595px" Height="350px"
    AllowPaging="true" PageSize="10">
    <Configuration EnableAsyncUpload="true" ViewPaths="~/"
        UploadPaths="~/" DeletePaths="~/"></Configuration>
</telerik:RadFileExplorer>

Changing the paths of FileExplorer dynamically leads to popping an alert message for "non-existing folder" even in no InitialPath has been set. After closing the alert RadFileExplorer gets bound successfully.

video: http://screencast.com/t/NSGjo8moC5eL

The bug is introduced in version 2015.2.729.


Steps to reproduce:
1. Run the following code:
ASP:
<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server">
     <Configuration ViewPaths="~/" />
</telerik:RadFileExplorer>
<telerik:RadButton ID="Btn1" runat="server" Text="Change ViewPath" OnClick="Btn1_Click"></telerik:RadButton>

CS:
protected void Btn1_Click(object sender, EventArgs e) {
    RadFileExplorer1.InitialPath = "/Bin";
    RadFileExplorer1.Configuration.ViewPaths = new string[] { "~/Bin" };
}

2. Click the "Change ViewPath" button

Result: FileExplorer shows an alert with message "You are navigating to a non-existing folder or do not have proper permissions..."

A workaround is to disable the embedded jQuery and use an older version (for example, 1.11.1 which is the previous version the suite used): https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/disabling-the-embedded-jquery

A workaround is to disable the embedded jQuery and use an older version (for example, 1.11.1 which is the previous version the suite used): https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/disabling-the-embedded-jquery

Repro steps:

1. put a file explorer on the page
2. right click a file in it and select Rename
3. enter a new name, click OK

Expected: file is renamed

Actual: Firefox throws TypeError: access to strict mode caller function is censored

Sample markup

        <telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="520px" Height="310px">
            <Configuration ViewPaths="~/images" UploadPaths="~/images"
                DeletePaths="~/images"></Configuration>
        </telerik:RadFileExplorer>

Only half of the Select button (the top part) in Upload dialog is clickable in Material, due to the unsufficient height of the .ruFileInput element.

Workaround:
  html .rfeUploadContainer .RadUpload .ruInputs input.ruFileInput {
    height: 50px;
  }   


Steps to reproduce:
1. Open https://demos.telerik.com/aspnet-ajax/fileexplorer/examples/overview/defaultcs.aspx?skin=Material
2. Open the Upload dialog
3. Try to select a file to upload by clicking the bottom half of the button

Result: The file selection window is not opened

If the AsyncUpload control is enabled in the FileExplorer when  and the user uploads more that 1 file, the FileExplorer throws a JavaScript error with the following message:

TypeError: this.control.get_allowMultiRowSelection is not a function

When any new file is uploaded to sub directory, back button stops working.
The controls takes that sub directory as it's root directory.

The icon of the confirm dialogs in RadFileExplorer should be center aligned to the text.

The following setup will cause an Invalid Argument error in IE8:

			<div style="display: none;">
					<telerik:RadFileExplorer runat="server" ID="RadFileExplorer1"
											 Width="700px" Height="520px" RenderMode="Lightweight">
											 <Configuration ViewPaths="~/images" />
					</telerik:RadFileExplorer>
			</div>

It can extend to a FileExplorer in a MultiPage, for example.

Solution for the time being is to avoid using RenderMode=Lightweight for IE8

RadFileExplorer allows renaming of extentions with capital letters (e.g. IMG, PNG, etc) even if the FileExplorer's AllowFileExtensionRename="false" property is set. As a result, the renamed extension is appended to the file name, and the original ext is kept.

Video: http://screencast.com/t/MNAZqpRS4o5

Steps to reporduce:
        <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server">
            <Configuration ViewPaths="~/Images" UploadPaths="~/Images" DeletePaths="~/Images" AllowFileExtensionRename="false"/>
        </telerik:RadFileExplorer>

Run the code above and try to rename a file with capital letters extension.

Moving of folder from the tree to the grid works, but event is not raised. Also, there is no other suitable event that handles the situation. 

The following patch will raise the event, but  you should make sure to remove the override once the bug is fixed: 

<telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" EnableCopy="true"
    OnClientMove="OnClientMove" OnItemCommand="FileExplorer1_ItemCommand" >
    <Configuration ViewPaths="~/Images" UploadPaths="~/Images"
        DeletePaths="~/Images"></Configuration>
</telerik:RadFileExplorer>     
 
<script>
    var origFunction = Telerik.Web.UI.RadFileExplorer.prototype._onTreeNodeDropping;
 
    Telerik.Web.UI.RadFileExplorer.prototype._onTreeNodeDropping = function (sender, args) {
        origFunction.call(this, sender, args);
        var destNode = args.get_destNode();
        if (!destNode) {
            var destElement = args.get_htmlElement();
            if (!destElement) return;
            var gridElement = this.get_grid();
            var grid = gridElement != null ? this._isOverElement(destElement, gridElement.get_id()) : null;
            if (grid) {
                var isCopying = this._enableCopy && args.get_domEvent().ctrlKey;
                var eventName = isCopying ? "copy" : "move";
                var args2 = new Telerik.Web.UI.FileExplorerEventArgs(this.get_tree().get_selectedNode(), this.get_currentDirectory());
                this.raiseEvent(eventName, args2);
            }
        }
    }
 
    function OnClientMove(sender, ev) {
        // Do something
    }
</script>

The text set to the custom dropdown buttons added to the FileExplorer's Toolbar is not visible in LightWeight rendering, unless the tooltips of the buttons are also configured.

Workaround (set the tooltip of the added button):

            RadToolBarDropDown dropDown = new RadToolBarDropDown("PageSize");
            dropDown.Text = "Page Size";
            dropDown.ToolTip = "Page Size";
            RadFileExplorer1.ToolBar.Items.Add(dropDown);

No matter what the current page index is, get_currentPageIndex() will return zero if FileExplorer is used in Thumbnails mode.

When an image in the list view of FileExplorer is dropped outside the dialog, a duplicate of this image is stuck to the cursor. After selecting another image, the ghost image remains and overlays the upload window.  Follow the attached clip.

Steps to reproduce:
1. Open FileExplorer in Thumbnails mode (or open Editor's Image Manager);
2. Select an image and start dragging it;
3. Drop it outside the dialog;
4. Observe the ghost image on the cursor;
5. Select another image;

Result: The ghost image is not removed and overlays another dialogs.