Add Recycle Bin link in quick launch in SharePoint 2013/2016/Online

This SharePoint 2013 tutorial, we will discuss how to add recycle bin link in the quick launch or left navigation in SharePoint 2013.

We will enhance the branding and customization of SharePoint master page by adding Recycle bin as part of left navigation across the site.

The same approach we can follow to add recycle bin to quick launch in SharePoint Online or SharePoint 2016.

In SharePoint 2013 we don’t see Recycle bin as part Left Navigation if the user wants to see the deleted item, he/she need to perform below steps:

  • Click SharePoint Site setting gear icon
  • Select Site content
  • Click on Recycle bin in site content page

This process involves 4 mouse click and it is a tedious process if the portal is a dedicated content management portal.

Add Recycle Bin link in quick launch in SharePoint 2013

Here we will add the code inside a master page in SharePoint. Either you can create a new custom master page or you can modify in the existing master page.

Follow the below steps to add Recycle bin in SharePoint 2013 left navigation:

sharepoint 2013 add recycle bin to quick launch
  • Navigate to Master page part of All Files -> _catalogs
  • Identify your custom master page and check out in advanced mode
sharepoint 2016 add recycle bin to quick launch

Look for <asp:ContentPlaceHolder id=”PlaceHolderQuickLaunchBottom” runat=”server”>
Copy the below code and paste right above that div tag

sharepoint online add recycle bin to quick launch
<SharePoint:SPSecurityTrimmedControl PermissionsString="ManageWeb" runat="server">
<style type="text/css">
.recDivTopMargin
{
margin-top:-45px;
}
</style>
<script type="text/javascript">
document.getElementsByClassName('root ms-core-listMenu-root static’)[1].innerHTML += '<li class="static recDivTopMargin"><a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/_layouts/15/RecycleBin.aspx"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">Recycle Bin Data</span></span></a></li>’;
</script>
</SharePoint:SPSecurityTrimmedControl>

You can read SPSecurityTrimmedControl in SharePoint.

Once you save the page output will be as follows:

Before adding the code block:

how to add recycle bin in sharepoint 2013

After Adding code block:

add recycle bin to sharepoint

In the above code block we are identifying the element “root ms-core-listMenu-root static” and then we are adding a new element to redirect the user on to Recycle bin data page.

Advantages:
This reduces the no.of click to user.
By adding this code block in a master page a user can navigate easily on to recycle bin data page.
A master page can be maintained by any developer.

You may like following SharePoint customization tutorials:

In this SharePoint tutorial, we learned how to add Recycle Bin link in the quick launch in SharePoint 2013/2016/Online.

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope

Krishna Vandanapu

I am Krishna.Vandanapu a SharePoint architect working in IT from last 13+ years, I worked in SharePoint 2007, 2010, 2013, 2016 and Office 365. I have extensive hands on experience in customizing SharePoint sites from end to end. Expertise in SharePoint migration tools like Sharegate, Doc Ave and Metalogix. Migrated SharePoint sites from SharePoint 2007 to 2010 and 2010 to 2013 several times seamlessly. Implementing CSOM with Microsoft best practices. Spent quality time in configuring SharePoint application services like User Profile, Search, Managed Meta data services etc. Now exploring SharePoint Framework and SharePoint 2019

  • […] SharePoint 2013 Add Recycle Bin link in the quick launch […]

  • >