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
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
When the height of FileExplrorer is bigger that the current view port and an item from its right pane is selected, the content of the page jumps (the active element is brought to the top corner of the page). video: http://screencast.com/t/Ezuteb3xIoCp
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
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);
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..."
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 icon of the confirm dialogs in RadFileExplorer should be center aligned to the text.
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
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>
There is a scroll and the Upload button is partially hidden when the Bootstrap skin is used in Classic render mode:
FileExplorer does not scroll its tree properly to the programatically selected folders.
Steps to reproduce:
1. Set a nested folder with a long path programatically:
fileExplorer.set_currentDirectory("/images/AAA/FolderA1/FolderA2/FolderA3/FolderA4/FolderA5")
2. Select another nested folder programatically:
fileExplorer.set_currentDirectory("/images/BBB/FolderB1/FolderB2/FolderB3/FolderB4/FolderB5")
Result: The second folder is selected, but the TreeView does not properly scroll into view containing it.
It is not possible to navigate between ContextMenu items with the arrow keys when the Keyboard support is enabled.
The ThreeView remains the focused element even after the ContextMenu is shown and using the arrow keys navigates through the tree nodes instead of the ContextMenu items.
Steps to reproduce.
Result: The navigation occurs in the three instead of the Context menu
<telerik:RadFileExplorer ID="RadFileExplorer1" Height="380px" Width="750px"
AllowPaging="false" EnableCopy="true" runat="server">
<Configuration EnableAsyncUpload="true" SearchPatterns="*.*" UploadPaths="~/Images/" DeletePaths="~/Images/" ViewPaths="~/Images/"></Configuration>
<KeyboardShortcuts
FocusFileExplorer="F"
FocusAddressBar="A"
FocusToolBar="B"
FocusTreeView="T"
ContextMenu="C"
/>
It is not possible to select a Toolbar item in RadFileExplorer on Enter press if the control is used in Lightweight render mode.
Steps to reproduce:
1. Open https://demos.telerik.com/aspnet-ajax/fileexplorer/examples/keyboardsupport/defaultcs.aspx
2. Press "Ctrl+f2" to focus RadFileExplorer
3. Press "Shift+1" to focus its toolbar
4. Use the Arrow keys to navigate between to Toolbar items
5. Press Enter over a button (e.g. Upload)
Result: The command is not triggered
Workaround: The issue is not reproducible in Classic render mode.