02 June, 2014

Remove quick launch in SharePoint 2013

I think this is the most common request for end users in which they want to remove the quick launch from the site in SharePoint 2013!

Note:
If you find a different solution, please report it as a comment to this post. Be sure to double-verify it: undo your solution and verify that the problem comes back, then redo it and verify that the problem goes away.

So thought of sharing this article with all of you so that everybody can get the benefit of the same:

Here is the script that you are looking for!

/* Hide quick launch bar */

#sideNavBox {

display: none;

}

/* Hide quick launch bar */

#contentBox {

margin-left:20px !important;

}

If you don’t want to go for code approach then here are some other ways!

To enable or disable Quick Launch through the user interface
1.    Click Site Actions, and then click Site Settings.
2.    Under Look and Feel, click Tree view.
3.    To display the control, select the Enable Quick Launch check box. Or, to hide Quick Launch, clear the check box.

To enable or disable Quick Launch using SharePoint Designer
1.    Open the website in SharePoint Designer 2010.
2.    On the site settings page, under Settings
3.    Select the Display Quick Launch check box to enable the menu.
4.    To hide the menu -> clear the check box
5.    Click File, and then click Save to save the change.

If you have any queries/questions then please let me know. I would be more than happy to help you as well as resolves your issues, Thank you.

3 comments:

  1. Insert the Content Editor web part on the page where you don't want the quick launch and in the HTML Source write it down below code :



    #sideNavBox{display:none}

    #contentBox{margin-left:20px !important;}



    That should do the trick

    -Jon Vicary
    Senior SharePoint Project Manager with 10 years experience at a Fortune 500 company

    ReplyDelete
  2. Hi Amol, Take a look at http://klines.org/sharepoint/sharepoint-2010-toggling-the-left-navigation-bar-with-jquery . As an option to removing the Quick Launch you can create a toggle for it. It is one of my more popular posts. With a slight modification you can set it to be collapsed by default and expanded on clicking the tab.

    -Daniel Kline
    Sr. SharePoint Developer at Community Care Inc

    ReplyDelete
  3. You should be able to remove this easily enough via CSS if it is only the display that is the issue you should be able to target one of this IDs #DeltaPlaceHolderLeftNavBar or #sideNavBox. If you need to have the entire control removed, the easiest way would be to create a custom master page without this control present. Keep the original unmodified as you may need to restore this functionality at a later point.

    Anyway, when you create your custom master page, just copy all of the existing code from the stock master (Or if you already have a custom page, work from that). Then locate the following ASP Placeholder "PlaceHolderLeftNavBar". Odds are you will want the whole placeholder to be removed, but depending on your case you may only want to remove a portion, so try removing the contents individually to fit your needs best.

    Good luck.

    -Violette Bowhay
    Senior Front End Web Developer at Starbucks

    ReplyDelete

Your feedback is always appreciated. I will try to reply to your queries as soon as possible- Amol Ghuge

Note: Only a member of this blog may post a comment.