Chapter 4: Example Ribbon Customization

phlegyas · October 21st, 2010, 11:25 AM

Has anyone managed to make the proposed customization work? I'm added the following piece of code in a feature that deploys successfully but then, it never appears on the ribbon. Never. I tried changing the location from CommandUI.Ribbon.List to just CommandUI.Ribbon but still no joy. Is there something missing from the code or is there something that I'm not doing correctly?

Thank you for your answers in advance

Code:

<?xml version="1.0" encoding="utf-8"?>

<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
<CustomAction
    Id="CustomRibbonTab"
    Location="CommandUI.Ribbon.List"
    RegistrationId="101"
    RegistrationType="List"
    Title="My Custom UI"
    Sequence="5">
  <CommandUIExtension>
  <CommandUIDefinitions>
  <CommandUIDefinition Location="Ribbon.Documents.New.Controls._children">
  <Button
              Id="Ribbon.Documents.New.RibbonTest"
              Alt="Test Button"
              Sequence="5"
              Command="Test_Button"
              LabelText="Click me!"
              Image32by32="/_layouts/images/ribbon_blog_32.png"
              Image16by16="/_layouts/images/ribbon_blog_16.png"
              TemplateAlias="o1" />
  </CommandUIDefinition>
  </CommandUIDefinitions>

  <CommandUIHandlers>
  <CommandUIHandler
          Command="Test_Button"
          CommandAction="javascript:alert('I am a test!');" />
  </CommandUIHandlers>

  </CommandUIExtension>
</CustomAction>
</Elements>

phlegyas · October 29th, 2010, 06:37 AM

Yeah such situations are embarrassing... Never mind my previous post, I managed to get it working. I still dont know how to use the relative path for my icon though. I mean, I dont know where I should place the icon... when I use the "/_layouts/images/ribbon_blog_32.png" form, I can't figure out where the _layouts path is. Or, if I'm supposed to create it, where am I supposed to create it. Oh well, I guess I'll figure that out as well, at some point.

The following code works like a charm anyways:

Code:

<?xml version=â1.0″ encoding=âutf-8″?><Elements xmlns=âhttp://schemas.microsoft.com/sharepoint/â>
<CustomAction
Id=âTest_Buttonâ
Location=âCommandUI.Ribbonâ>
<CommandUIExtension>
<CommandUIDefinitions>
<CommandUIDefinition
Location=âRibbon.Documents.New.Controls._childrenâ>
<Button Id=âRibbon.Documents.New.RibbonTestâ
Alt=âTest Buttonâ
Sequence=â8″
Command=âTest_Buttonâ
LabelText=âClick me!â
Image32by32=âC:\Users\User\Desktop\icon.jpgâ
TemplateAlias=âo1″ />
</CommandUIDefinition>
</CommandUIDefinitions>
<CommandUIHandlers>
<CommandUIHandler
Command=âTest_Buttonâ
CommandAction=âjavascript:alert(âI am a test!â);â />
</CommandUIHandlers>
</CommandUIExtension>
</CustomAction>
</Elements>