Add custom actions to list item menu using SharePoint Designer

This SharePoint tutorial, we will discuss how to add custom actions to list item menu using SharePoint Designer. We will see how to add custom actions to the list item menu using SharePoint Designer 2013 in SharePoint 2013 and how to add custom actions to the list item menu in SharePoint 2010 using SharePoint Designer 2010.

Add custom actions to list item menu using SharePoint Designer 2013

Check out the below image, in this example, we want to add an option to the list item ECB menu in SharePoint.

Add custom actions to list item menu sharepoint 2013

We can do this by using SharePoint designer 2013. Open the SharePoint site using SharePoint designer 2013. Then from the site objects select List and Libraries and then choose the particular list for which you want to add the menu.

When you will click on the list it will open the list settings page. In that page click on the Custom Actions menu as shown in the fig below:

Add custom actions to list item menu using SharePoint Designer 2013

Then from the Ribbon click on Custom Action -> List Item Menu as shown in the fig below:

Add custom actions to list item menu sharepoint designer 2013

This will open the Create Custom Action menu dialog box as shown in the fig below, put a Name and what action you want to do:

  • You can Navigate to a form
  • You can initiate a workflow
  • You can also navigate to a URL.

In this example, I am trying to navigate to a URL (https://www.enjoysharepoint.com). Click on OK.

how to add custom actions to list item menu sharepoint 2013 using designer

Now Save the page, the menu will appear like below:

Add custom actions to list item menu sharepoint 2013

And when you click on that menu, you will be navigated to EnjoySharePoint.com

Add Custom Actions to List Item Menu in SharePoint 2010 using SharePoint Designer 2010

Now, we will see how to add a custom action to a list item menu using SharePoint designer 2010 in SharePoint 2010.

Follow the below steps to add a custom action to list item:

Open SharePoint Designer 2010 and navigate to list from site objects for which you want to add the custom action as shown in the fig below.

Add custom actions to list item menu sharepoint 2010

Then go to the Custom Action section from the list settings page and click on New as shown in the figure below:

how to add custom actions to list item menu sharepoint 2010

This will open the “Create Custom Action” dialog box. Here give the Name, Description, Select the type of action. SharePoint provides 3 types of activities that you can do:

  • Navigate to a form for this list
  • Initiate workflow
  • Navigate to URL

Here we will choose to Navigate to URL and from the Browser button you can select any URL, Here we have selected a Document library URL.

Then scroll down in the dialog box and give a sequence number, Anything over 10000 is a good practice, so you do not interfere with any other items in the list. Check the fig below:

how to add custom actions to list item menu sharepoint 2010 using designer

Then click OK, and you now have a custom action, associated with a list item. When you open the list and see the custom context menu, the custom action will appear like below:

Add custom actions to list item menu sharepoint designer 2010

You may like following SharePoint customization tutorials:

We learned how to add a custom menu in the ECB list item menu using SharePoint 2013/2010 designer in SharePoint 2013/2010.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>