You are viewing limited content. For full access, please sign in.

Question

Question

How to hide the Folder Pane/Folder Tree in Web Access 10 Permanently for all users

asked on July 28, 2016 Show version history

Hi,

I would like to know how to hide the folder pane permanently in Web Access 10 for all users. I have attempted to hide using JQuery in the browse.aspx file, but the pane is still visible:

Using this JQuery it hides the pane, but it still shows the space it would have taken on the screen $('#TheEntryBrowserLeftPane').hide();

 

0 0

Answer

SELECTED ANSWER
replied on August 1, 2016

It's probably a timing issue rather than an CSS override. Anyways, your next best bet would be to edit "%InstallDir%\Web Files\Assets\browse.min.css" and add the following to the end. Note that the "!important" flag is used here because the page's code will be setting style directly on the element itself, and we need to override that.

#TheEntryBrowserLeftPane{width:0px!important}div.entryBrowserRightPane{width:100%!important;left:0px!important}

0 0

Replies

replied on July 28, 2016

Your approach should work, but here is the jQuery I would use (from a little trial and error on my part):

$('#TheEntryBrowserLeftPane').css('width','0px');
$('div.entryBrowserRightPane').css('width','100%');
$('div.entryBrowserRightPane').css('left','0px');

This should hide the folder browser and also resize the right pane correspondingly.

1 0
replied on August 1, 2016

Hi Scott,

Thank you for your input. However, using this code in browser.aspx does not seem to do anything. I have my .hide() in there and it definitely runs that code, but the rest of the CSS does not do anything. I'm not sure if maybe there is other CSS that is running that is overriding this perhaps?

0 0
SELECTED ANSWER
replied on August 1, 2016

It's probably a timing issue rather than an CSS override. Anyways, your next best bet would be to edit "%InstallDir%\Web Files\Assets\browse.min.css" and add the following to the end. Note that the "!important" flag is used here because the page's code will be setting style directly on the element itself, and we need to override that.

#TheEntryBrowserLeftPane{width:0px!important}div.entryBrowserRightPane{width:100%!important;left:0px!important}

0 0
replied on August 1, 2016

Hi Scott,

Perfect, thank you. It works 100% when adding to the CSS file.

Thanks

Sheldon

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.