1

I have one page where I need to hide the Quick Launch, but display the Tree view. I wanted to do this via a webpart. The below code hides the QuickLaunch, but also hides the TreeView ? How do I display the TreeView only for a particular page...

<style>#sideNavBox { DISPLAY: none }#contentBox { margin-left: 0px }</style>

1 Answer 1

0

First enable Tree View from Site Settings > Look & Feel > Tree View. Keep both Quick Launch and Tree View enabled.
If you want Tree View to be hidden from all the page then apply following CSS in your master page(which all the pages are using) which will keep Tree View hidden in all the pages.

<style>
#ctl00_PlaceHolderLeftNavBar_TreeViewNavigationManagerV4
{
    display:none;
}
</style>


Now add following CSS to your page where you want to show Tree View not Quick Launch.

​​<style>
#ctl00_PlaceHolderLeftNavBar_QuickLaunchNavigationManager
{
    display:none;
}
#ctl00_PlaceHolderLeftNavBar_TreeViewNavigationManagerV4
{
    display:block;
}
</style>
1
  • I tried this today and it worked perfect.
    – daPlayaURH
    Commented Mar 13, 2016 at 22:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.