Documentation Center

ribbon-group

The ribbon-group is a UI element that is used to group buttons together into a logical group.

Description

The ribbon-group element can be used to create a custom group of buttons in a ribbon-toolbar.

Attributes

NameDescription and UseType
after Optional

The ribbon-group will be positioned after the UI component with this id

string, valid UI element ID
availableOptional

When false the group will no longer be available in the toolbar

boolean
before Optional

The ribbon-group will be positioned before the UI component with this id

string, valid UI element ID
id Optional

The ID of this group

string, valid UI group ID
label

The label displayed below the groups contents

string

Example

You can find the complete set of examples for configuring the ribbon-toolbar in the topic for the overlay element.

Groups can be created using the ribbon-group element.

<ribbon-group id="TestCustomIconGroup" label="Testing Custom Icons" after="ViewGroup">
  <ribbon-bigbutton role="strong" label="Stronger Button" iconsrc="/image/icon-32x32.png" available="true"/>
</ribbon-group>

Parent element

overlay