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:

• Open the SharePoint site in SharePoint designer 2013

• Navigate to Master page part of All Files -> _catalogs
• Identify your custom master page and check out in advanced mode

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

<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:

After Adding code block:

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:

• SharePoint modern list column formatting examples
• Add JSLink in Task List View in SharePoint Online
• How to hide Notebook and Site contents from quick launch in SharePoint Online
• How to add Google Analytics in SharePoint Online
• Create an organization chart from a list in SharePoint Online/2013/2016 using JavaScript
• Add heading in the default newForm.aspx in SharePoint list using JavaScript and CSS
• Change column ordering in list forms in SharePoint Online/2013/2016
• Change welcome page in SharePoint Online/2013/2016
• How to embed google maps in SharePoint 2013/2016/Online
• Left Navigation or Quick Launch Customization or Branding using CSS in SharePoint Online/2013/2016
• Change default list view style using CSS in SharePoint Online/2016/2013
• SharePoint Online Image Slider or Carousel Example
• Disable or Hide Sync Button at SharePoint Online Site and Document Libraries Level
• Make Title field read-only in SharePoint list edit form using JSLink

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