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.
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:
Then from the Ribbon click on Custom Action -> List Item Menu as shown in the fig below:
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.
Now Save the page, the menu will appear like below:
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.
Then go to the Custom Action section from the list settings page and click on New as shown in the figure below:
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:
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:
You may like following SharePoint customization tutorials:
- Create a Leave Request Approval Workflow using SharePoint Designer 2013
- Create SharePoint 2016 List using SharePoint Designer 2013
- How to Clear Your SharePoint Designer 2013/2010 Cache?
- The server could not complete your request SharePoint designer 2013
- Create a fixed width and responsive mobile master page using SharePoint designer 2013
- Add custom action button in List ribbon using SharePoint designer 2013
- Customize SharePoint 2013 list form using SharePoint designer 2013
- Dictionary actions example in SharePoint Designer 2013
We learned how to add a custom menu in the ECB list item menu using SharePoint 2013/2010 designer in SharePoint 2013/2010.
I am Navneet Singh, Working at C3it software solutions pvt. ltd. in Pune. My core skills are SharePoint 2013, Office 365, SharePoint 2010, SharePoint Designer, SharePoint Designer Workflow, Nintex Workflow, Infopath, Webpart, CSOM/SSOM, Power-shell, C#, ASP.NET and SQL Server.
Download SharePoint Online Tutorial PDF FREE!
Get update on Webinars, video tutorials, training courses etc.