How to Hide dropdown context menu (ECB?) for items in a list?

Question

_{Wednesday, March 4, 2015 5:39 PM}

Hi everyone,

I don't know the appropriate way to name this thread. I'm sure there is a technical term but I'm not sure what it is. Instead, I will describe.

In any list, when you hover over an item, a dropdown option appears with options like "View Item" "Edit Item" "Compliance Details", etc.

I would like to completely hide this context menu from the user as it only confused novice users trying to use a simple discussion board. Any way to do this easily, and ideally without Designer?

thanks

david

All replies (3)

_{Wednesday, March 4, 2015 6:13 PM ✅Answered | 1 vote}

David,

To remove this you need to change the column. By default SharePoint would have this column associated with the view to easily edit the item. 

Step to remove:

1) Go to list settings

2) In list settings navigate to the "All Items" view or the current view you have under the view section.

3) uncheck the column [Column Name](linked to item with edit menu)

4) check/select the column [Column Name] (linked to item)

_{Wednesday, March 4, 2015 6:48 PM}

Thank you!!!

_{Friday, June 24, 2016 8:45 AM}

Here is the working solution -

Step 1 - Edit the Library Page and Add Script Editor Web Part .

Step 2 - Paste the Below Code in web part for hiding the required button from ECB Menu Item using the Button ID (Replace ID value after # ).

<style type="text/css">

li.ms-core-menu-item #ID_DeleteDocItem, .ms-core-menu-separator hr {

display:none;

}
</style>

Note -Button Id can be found by Opening Core.js file (use ctrl+F to find the required ID) using the name of Menu Item . For eg if you want to hide Delete option , paste Delete in ctrl+F and get the reqiured ID .Likewise you can remove all button options .

Path for Core.js file - C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\LAYOUTS