Page Editor Ribbon

Page Editor Ribbon

Page Editor Ribbon Components

  • Ribbon
Page Editor Ribbon
  • Strip
Page Editor Ribbon Strip
  • Chunk
Page Editor Ribbon Chunk
  • Large Button
Page Editor Ribbon Large Button
  • Large Menu Combo Button
Page Editor Ribbon Combo Button
  • Small Button
Page Editor Ribbon Small Button

Page Editor Ribbon Commands

  • The definition for the Page Editor ribbon is located in the Core database
  • The path is /Sitecore/Content/Applications/WebEdit/Ribbons/WebEdit/
  • Copy an existing item of type 'chunk' to create a new group of commands
  • Copy an existing item of type 'small button' to create a new command in an existing group

Page Editor Ribbon Command Fields

  • Header is used to specify a label for the command in the ribbon
  • Icon is used to display a small graphic for the command in the ribbon
  • Click is used to map the command to a class through the commands.config file
  • ID has to be a unique value with no white spaces, such as <Chunkname><Commandname>
  • Tooltip is used to display a short description when a user points at the command

Sitecore Ribbon Data Templates

  • Sitecore 6.5 contains twenty-one templates for Ribbon items
  • Located at /sitecore/templates/System/Ribbon/Panel
  • Chunk is used to create a new group of commands in the ribbon
  • Large Button is for oversized ribbon commands, such as Save on the Home tab
  • Large Menu Combo Button is for oversized commands with a dropdown, such as Delete
  • Panel is for a list display within the ribbon, such as the Insert group on the Home tab
  • Small Button is the most common size for ribbon commands

Sources