Adding Custom Ribbon Tab in the SharePoint 2013 Server Ribbon

In this article we will explore to create custom tab in SharePoint 2013 custom Action Ribbon using visual studio.

I wanted to create a Custom Action Tab in my SharePoint Hosted app; consider that SharePoint 2013 already provides a home which may be suitable for your customization, for list pages at least – the Custom Commands tab. It only appears on list pages and contains just one lonely button under normal circumstances. This tab is actually the post-upgrade home for any SharePoint 2007 CustomActions you had – assuming you don’t introduce changes during your upgrade process, any CustomActions which didn’t target the ECB will end up here. In any case, it could help avoid tab proliferation so don’t forget it when building your customizations.

Solutions:
1. Add ribbon custom action for the App project which you have created, right click on the project [Add] [New Item] [Ribbon Custom Action] and enter the Name and click on Add button. It will start the wizard for creating custom action for Ribbon control

Adding Custom Ribbon Tab in the SharePoint 2013 Server Ribbon

2. In this wizard select host web where you want to expose the custom action. i.e. Your custom action will be available in host web.

The custom action scoped can be List template or List instance or None. In this example I am selecting List template and the item is the custom action scoped to be “Custom list”.

Adding Custom Ribbon Tab in the SharePoint 2016 Server Ribbon

3. Selected “Ribbon.ListItem.Actions”. What this does is, it will show the custom action under Items section of List Ribbon control.

Adding Custom Ribbon Tab in the SharePoint 2010 Server Ribbon

4. Customize Below is the Custom Ribbon XML that I created for custom Tab. Refer the Ribbon XML Schema for more options http://msdn.microsoft.com/en-us/library/office/ff458369(v=office.15).aspx