RibbonBar control is used to visually present group of related commands. It has two major states: Normal where all visible commands are displayed, and Collapsed where button is displayed which when clicked shows the RibbonBar commands on drop-down.  The following images shows the RibbonBar control in these two states:

RibbonBar control also includes completely automatic sizing for ButtonDropDown controls added to it. It will scale them from large image with text to only a small image to make sure that as much of information is displayed as possible given the size constraints.

The following is a list of the key RibbonBar control properties and methods:

CollapsedHeader – Specifies the header of the control when collapsed. If not set then Header property is used when RibbonBar is collapsed. Also see: Header property.

CollapsedImage – Specifies the image used to represent the RibbonBar when collapsed.

DialogLauncherVisible – Indicates whether dialog launcher button is visible.

Header – Indicates the header displayed in the bottom of the control.

IsAutoSizeEnabled – Indicates whether automatic RibbonBar resizing is enabled. Applies to resizing of the buttons inside of the control and allows control to gradually scale its size. Default value is true.

IsCollapsed – Gets whether control is collapsed.

LaunchDialog – Routed Event raised when Dialog Launcher button is clicked.

ResizeOrderIndex – Specifies the resize order index for the control. When controls on Ribbon are resized due to the size constraints the RibbonBar controls are ordered based on the index specified here. Resizing will start with the RibbonBar control with highest value set to ResizeOrderIndex property.