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

by
Complete SharePoint Training Course ($46 OFF)

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>

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.

    • >