Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

Is it possible to customize the ribbon that shows I like it and show something like below?

enter image description here

I know we can hide and style the default I like it and Tags&Notes buttons, we are looking to add new buttons on that same row.

Steps to customize:

http://techtrainingnotes.blogspot.com/2011/08/sharepoint-2010-replace-i-like-it-and.html

Update1:

It is easy to add custom buttons in the Page ribbon. enter image description here

I am looking for a way to add them in the Browse view ribbon enter image description here

share|improve this question
1  
One thing you might want to consider is that SP 2013 does not have a ribbon for the "Browse" tab by default. For easier upgrading you may want to create your own tab. –  Ryan Erickson Mar 26 '13 at 19:43
add comment

2 Answers

See http://msdn.microsoft.com/en-us/library/ff407458(v=office.14).aspx

The Ribbon is defined as XML with these elements

The location of the button can be defined using the location attribute. Here is a full list of default locations and a way to look-up others.

Example: Create a new feature in visual studio and edit the feature.xml file:

<Feature xmlns="http://schemas.microsoft.com/sharepoint/"
         Id="afe52f83-a20e-42d4-8aa7-35d8c5fdfb39"
         Title="Custom title"
         Scope="Web"
         ImageUrl="button image url">
</Feature>

Edit the Elements.xml file to something like this (you may need to change the location for the button to show at the correct time):

<CustomAction

    Id="CustomRibbonButton1"
    RegistrationId="101"
    RegistrationType="List"
    Location="CommandUI.Ribbon"
    Sequence="5"
    Title="Alert">

    <CommandUIExtension>
      <CommandUIDefinitions>
        <CommandUIDefinition Location="Ribbon.Documents.Manage.Controls._children">
          <Button
              Id="Ribbon.Documents.New.TestButton"
              Alt="Alert"
              Sequence="5"
              Command="Test_Button"
              Image32by32="/_layouts/images/32x32 image location"
              Image16by16="/_layouts/images/16x16 image location"
              LabelText="Move Documents"
              TemplateAlias="o1" />
        </CommandUIDefinition>
      </CommandUIDefinitions>

      <CommandUIHandlers>
        <CommandUIHandler
          Command="Test_Button"
          CommandAction="javascript:alert('My custom button!');" />
      </CommandUIHandlers>

    </CommandUIExtension>
  </CustomAction>
share|improve this answer
    
Thanks but I am looking for a way to add similar button s in the browse view. I updated the question with the pictures. –  so_mv Mar 26 '13 at 19:19
1  
Although I have not done that before it should be a matter of changing the CommandUIDefinition location attribute. See msdn.microsoft.com/en-us/library/ee537543(v=office.14).aspx –  Ryan Erickson Mar 26 '13 at 19:35
add comment

I don't believe the Browse tab is accessible from code. If you look into the master page, you'll see that the browse tab is accessible as HTML, and the social buttons are a user control. They don't use the ribbon controls in the same manner as the Page tab.

HTH

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.