We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Hide Directories / Show WEBP

I am migrating from Telerik/Progress so starting on the "easiest" to learn the components. I have everything working the same except that I could hide directories before. 

  1. I only want to show /Docs and /Images. The rest I want to hide.
  2. Additionally, not as big, but .webp images aren't showing a thumbnail.




5 Replies

SS Sivakumar ShunmugaSundaram Syncfusion Team October 5, 2022 09:51 AM

Hi John,


Greetings from Syncfusion support.


From the shared details, we understand that you want to show Doc files and images and the rest you want to hide. But we are quite unclear about the exact platform on which you want to do this customization.


Since the shared screenshot in your update is like our EJ1 ejFileExplorer control and the selected category in the forum is the EJ2 JavaScript FileManager component, we would like to confirm whether you need to customize our ejFileExplorer control or else you want the EJ2 FileManager component. We have attached both component demos for your reference.


ejFileExplorer : https://js.syncfusion.com/demos/jquery/#!/bootstrap/fileexplorer/DefaultFunctionalities


EJ2 JavaScript FileManager : https://ej2.syncfusion.com/javascript/demos/#/bootstrap5/file-manager/overview.html


Please check the shared demos and confirm the above details. Based on the confirmation, we will proceed further validation with your query.


Regards,

Sivakumar S



JO John October 5, 2022 10:04 AM

The site is a ASP.Net webform application. The version is the latest as we downloaded from you yesterday.


At the top of the code we have:

<%@ Register Assembly="Syncfusion.EJ.Web, Version=20.3460.0.47, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" Namespace="Syncfusion.JavaScript.Web" TagPrefix="ej" %>


then inside the code we have

                                    <ej:FileExplorer ID="FileExplorer" runat="server" Width="100%" AjaxAction="Default.aspx/FileActionFileExplorer">

                                        <AjaxSettings>

                                            <Download Url="downloadFile.ashx{0}" />

                                            <Upload Url="uploadFiles.ashx{0}" />

                                        </AjaxSettings>

                                    </ej:FileExplorer>




JO John October 5, 2022 10:04 AM

Also, we want to do every in the .cs code (code behind) 



JO John October 5, 2022 10:06 AM

Also, if there is a better way to go and we can mix/match (e.g., our asp.net webform with .net core) we will. We just want to keep the overall code the same as much as possible as we, like everyone, have limited resources.



SS Sivakumar ShunmugaSundaram Syncfusion Team October 10, 2022 09:55 AM

Hi John,


Thanks for your patience.


Query 1:  Want to show /Docs and /Images. The rest I want to hide.


From the shared details, we understand that you want to customize ASP.NET Web Forms with the EJ1 FileExplorer component to show only /Docs and /Images files and hide the rest from the UI. We have prepared a simple sample of ASP.NET Web Forms with the FileExplorer component to show only Docx files in the UI using the FileExplorer FileType property. In a similar way, you have set the FileType property as you want it to show.


However, in our EJ1 FileExplorer component, we do not have direct support for filtering the folders loaded from the application's back end. Since we do not have support for filtering the specific folders in the FileExplorer component, we would like to confirm whether using the EJ2 FileManager component will be suitable for your requirements from your side. And compared to EJ1, our EJ2 components have some additional features.


Refer to the below code snippet.

[Default.aspx]

 

       <ej:FileExplorer ID="fexplore" runat="server" Height="100%" Width="100%" AjaxAction="Default.aspx/FileActionDefault" IsResponsive="True" MinWidth="250px" MinHeight="400px" Path="~/FileBrowser/" FileTypes="*.docx" >

                   <AjaxSettings>

                        <Download Url="downloadFile.ashx{0}" />

                        <Upload Url="uploadFiles.ashx{0}" />

                   </AjaxSettings>

        </ej:FileExplorer>


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/FileExplorer1512818677.zip


We have attached the documentation and demo of the EJ2 Filemanager component for your reference.


Documentation: https://ej2.syncfusion.com/javascript/documentation/file-manager/es5-getting-started/


Demo: https://ej2.syncfusion.com/javascript/demos/#/bootstrap5/file-manager/overview.html


Query 2: Additionally, not as big, but .webp images aren't showing a thumbnail.


We understand that you are facing an issue with using .webp images in FileExplorer because they aren't showing a thumbnail. We have checked the reported issue from our side with a simple sample, and we are able to replicate it from our side. We would like to let you know that our EJ1 FileExplorer and EJ2 FileManager components will show the .webp file as mentioned in your screenshot in your update, which is our component behavior.


Please check the shared details and confirm the above details. Based on the confirmation, we will proceed with further validation of your query.


Regards,

Sivakumar S


Loader.
Live Chat Icon For mobile
Up arrow icon