Uma Ribbon na versão inglês quer dizer faixa, ela é responsável por ser uma interface de apresentação onde as barras de ferramentas exibem seus ícones nas telas de aplicativos. Hoje ela se tornou muito comum nos dispositivos touch screen - "toque na tela". A criação de soluções em SharePoint 2013 tem diversos níveis e camadas de desenvolvimento em sua estrutura.O Ribbon encontra-se na área de customização dos sites SharePoint na configuração de ficheiro Element.xml.

Por defeito as Ribbon podem ser configuradas de 2 (duas) formas:

Para este exemplo, foi criado um exemplo simples onde foi criado um botão no Visual Studio para uma solução App em SharePoint 2013. 

O primeiro passo necessário é instalar o pré-requisitos:

http://aka.ms/OfficeDevToolsForVS2012

Nova Solução em Visual Studio 2012

Abra o Visual Studio 2012 e selecione:

Exemplo:



Depois de criar a Solução de App, ira aparece um Wizard inicial de configuração da App com os seguintes campos: 
  • Nome da App.
  • Site onde será realizado o deploy da App:
    • Pode ser site de SharePoint ou Office 365.
  • Tipo de App a nivel de Hosting:
    • SharePoint-Hosted
    • Autohosted
    • Provider-Hosted
Exemplo:



Depois de criar o template de App com as paginas e ficheiros de suporte, deverá selecionar na Solution Explorer e adicionar um novo item “Add > New Item”.

Exemplo:




Depois de selecionar a opção de "Novo Item", você deverá escolher a opção “Ribbon Custom Action”.

Exemplo: