kwizcom banner advertisement

Hide "Upload" Button of a Document Library in SharePoint 2013

Requirement: Disable upload button in SharePoint document library!

But why? Because, we wanted users to fill the form by creating new document from the New drop-down and not to upload any existing documents with Upload button. So we need to hide upload button in SharePoint 2013.

Solution: CSS! Place this CSS either in Master page or script editor/content editor of the target page.

CSS Styles to hide Upload button in SharePoint 2013:
<style type="text/css">
#Ribbon\.Documents\.New\.AddDocument-Large, #Ribbon\.Documents\.New-MediumMedium-0-1
{    
               display:none !important;
}
</style>
Hide "Open with Explorer" button in SharePoint 2013 ribbon:
You may also want to disable "Open in Explorer" as it allows multiple file upload. Use this CSS to hide "Open in Explorer" from SharePoint 2013 ribbon.
#Ribbon\.Library\.Actions-LargeMedium-1-1

Result: Upload button disabled in SharePoint 2013 document library!
sharepoint 2013 hide upload document
Disable Drag and Drop feature of SharePoint 2013:
How about disabling Drag-Drop feature? Well, use this script to disable Drag and Drop feature of SharePoint 2013 document libraries:
<script type="text/javascript">
  ExecuteOrDelayUntilScriptLoaded(function() {
   g_uploadType = DragDropMode.NOTSUPPORTED;
   SPDragDropManager.DragDropMode = DragDropMode.NOTSUPPORTED;
}, "DragDrop.js");

How to Disable Upload Button and Drag and Drop Feature in SharePoint 2016:
Edit and Add a script editor on the target list view page (AllItems.aspx), place this code in it.
<style type="text/css">
#Ribbon\.Documents\.New\.AddDocument-Large, #Ribbon\.Documents\.New-MediumMedium-0-1, #Ribbon\.Library\.Actions-LargeMedium-1-1
{    
               display:none !important;
}

/* Hide "Drag files here to upload" message in the List view */
div.ms-dragDropAttract-subtle{
 display: none 
}
/* Upload button in Doc Lib tool bar */
#QCB1_Button2
{
 display:none !important; 
} 

</style>

//Disable Drag and Drop Upload Feature
<script type="text/javascript">
  ExecuteOrDelayUntilScriptLoaded(function() {
   g_uploadType = DragDropMode.NOTSUPPORTED;
   SPDragDropManager.DragDropMode = DragDropMode.NOTSUPPORTED;
}, "DragDrop.js");

Hide "Upload" Button of a Document Library in SharePoint 2013 Hide "Upload" Button of a Document Library in SharePoint 2013 Reviewed by Salaudeen Rajack on 6:10 PM Rating: 5

5 comments:

  1. I do not understand where to put the script without breaking the page.

    ReplyDelete
    Replies
    1. Just add a content editor web part and place the above code in it!

      Delete
  2. what about pages with modern experience?

    ReplyDelete

Please Login and comment to get your questions answered!

Powered by Blogger.