1. Home
  2. Forum
  3. ASP.NET Web Forms
  4. How do I hide the navigation pane on the file explorer?

How do I hide the navigation pane on the file explorer?

I have a file explorer on my asp.net .aspx page that is working just fine.  I want to adjust the layout so I don't see the navigation pane:



I already have ShowNavigationPane = "False" in my .aspx page code:

<ej:FileExplorer ID="fexplore" runat="server" Height="100%" Width="100%" AjaxAction="Home.aspx/FileActionDefault" EnableResize="True" ShowNavigationPane="False" ShowRoundedCorner="True" ShowToolbar="True" FileTypes="*" ShowFooter="False" ShowThumbnail="True" Layout="Tile" ClientSideOnBeforeOpen="beforeOpen" IsResponsive="True" MinWidth="250px" MinHeight="400px" Path="~/Docs/" ShowTreeview="False">
                                <AjaxSettings>
                                    <Download Url="/downloadFile.ashx{0}" />
                                    <Upload Url="/uploadFiles.ashx{0}" />
                                </AjaxSettings>
                            </ej:FileExplorer>

So how do i make that section disappear?

Thank you!

7 Replies
MK Muthukrishnan Kandasamy Syncfusion Team April 6, 2020 07:13 AM UTC

Hi Christopher, 
 
Thanks for contacting Syncfusion support. 
 
We have validated your reported problem in EJ FileExplorer control. We were unable to reproduce your reported problem when setting the ShowNavigationPane as false then it will be hide from the page. Please check the below attached sample. 
 
 
Please check out the output of the attached sample. 
 
 
 
 
If you are still persisting the issue, please share some additional details it will help us to provide you prompt solution. 
 
1.     FileExplorer rendering code block. 
2.     Share the Syncfusion product version you have used. 
3.     Share the issue reproducing the steps. 
4.     If possible, please replicate your problem in the above attached sample. 
5.     If possible, share the screen recorder video. 
 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Muthukrishnan K 


CS Christopher Scholl April 6, 2020 03:52 PM UTC

I will open a ticket, if the control renders on a desktop screen, the navigation pane is gone.  If it renders on a mobile screen the navigation pane is there.

MK Muthukrishnan Kandasamy Syncfusion Team April 7, 2020 11:37 AM UTC

 
Thanks for the update. 
 
We have validated your reported problem in mobile device. But we were unable to reproduce your reported issue, as File Explorer works properly. The navigation pane of File Explorer is hidden when we set the false for ShowNavigationPane property. Please see the below screen shot which is we have tested in mobile device. 
 
 
 
 
As we requested in our previous update, can you please share some additional details to look on your issue. 
 
·       If possible, share us an issue replicating simple sample of File Explorer. 
·       Video footage of your reported issue. 
 
This information will help us to provide you prompt solution. 
 
Regards, 
Muthukrishnan K 


CS Christopher Scholl April 8, 2020 06:59 AM UTC

I've opened a help ticket so that i can share my full .aspx file.  I've narrowed it down to devices less than 450px screen width (iphone 5/6/7 etc).

KR Keerthana Rajendran Syncfusion Team April 9, 2020 08:51 AM UTC

Hi Christopher, 

Thanks for sharing us the details. 

We are able to replicate the issue in mobile mode with 16.4.0.52 version. This issue has been resolved in later versions (after 17.3.0.9). Please refer to the below image for the rendering of FileExplorer in mobile mode with 17.3 version  

 

You can use the below CDN link of 17.3.0.9 version to ensure this in your end.  


We suggest you to upgrade to 17.3.0.9 or later versions to resolve this issue. Please let us know if you need further assistance on this. 

Regards, 
Keerthana.  


CS Christopher Scholl April 9, 2020 01:40 PM UTC

After changing to the CDN version, it has made no difference, navigation pane is still shown in mobile devices.

MK Muthukrishnan Kandasamy Syncfusion Team April 10, 2020 07:34 AM UTC

Hi Christopher, 
 
Thanks for the update. 
 
Your reported issue was resolved in the version of 17.3.0.9. can you please check your FileExplorer sample after clearing the browser cache? And also confirm whether you have referred more than one ej.web.all.min.js scripts in your project. 
  
Please let us know, if you need any further assistance. 
  
Regards, 
Muthukrishnan K 


Loader.
Up arrow icon