Adding Context Menu in SharePoint List/Library using Content Editor Web part


In this article I will explain how we can add a new Context menu according to our needs in a simple way through UI by using Content Editor Web part.

Here my requirement is to provide a context menu that will link to an external site from SharePoint library.

Here we will see how we can add a new menu to the library step by step

By Default Context Menu is as shown below:

1.gif
 
Now we will see how we can add a menu to link to the External site.

Edit the page using Site Actions

Step 1

2.gif
 
Note: - if you are not able to see the "Edit Page" then you need to add the following string at the end of the URL

toolpaneview=2

After that you will see the page in editpage View

Step 2

Then Click Add webpart and select the Content Editor Webpart

3.gif
 
Then Click Add

Step 3

Once you added the webpart into that page Click "Open the Tool Pane"

4.gif
 
Then you will get the Properties of the webpart In right side  of the same page as shown below

5.gif
 
Step 4

Now click the Source Editor to add the Script to show our Custom Context Menu.

6.gif
 
Step 5

Hit the save button and then click ok. 

Now menu is available.

Please refer to the image below

7.gif
 
Similarly I want to hide the "Send To" Menu options to avoid other operations like (Download Copy etc...)

8.gif
 
Edit the page using site actions menu then edit the Content Editor Webpart 

Click the "Modify Shared Web Part" as mentioned below

9.gif
 
You will get the Properties of the webpart in the Right side of the page. Add the following script in source editor (which is highlighted).

10.gif
 
Once you have added it,  hit the save button and Click ok.

Now the "Send To" option will not be available as shown below

11.gif
 

Similary if you want to do for a List, you have to use the  Different method name.

For Document Library : Instead "Custom_AddDocLibMenuItems"

For List : "Custom_AddListMenuItems"

Also you can do the following using Script in Content Editor Webpart

To hide the "Delete" (particular) menu item in LibraryContext Menu add this below function

function CAMOpt(p,wzText,wzAct,wzISrc,wzIAlt,wzISeq,wzDesc)
{
var mo=CMOpt(wzText,wzAct,wzISrc,wzIAlt,wzISeq,wzDesc);
if(!mo)return null;
//wzText you can give which one you want hide (like "Edit Properties")
if(wzText != "Delete") AChld(p,mo);
return mo;
}

You can download the script and add it in your content editor webpart; it will take care of the previous actions for document Library.

Use the approriate Script for list / library.

Enjoy!!!...

Up Next
    Ebook Download
    View all
    Learn
    View all