Professional UI Solutions
Site Map   /  Register

Elegant Ribbon

Ribbon UI Elements

Ribbon Groups

« prev |  index |  next »


Ribbon groups allow you to consolidate related controls within a tab. The wonderful thing about Ribbon groups is that the controls in a group and the group itself can change their visual representation when the Ribbon width changes (see Figure 1).

Ribbon Group Layout

Figure 1 Ribbon group layout depending on the ribbon width

When a Ribbon group is collapsed, the user can still access its controls through a pop-up window (see Figure 2), which can be invoked by left clicking the collapsed group.

Controls in a collapsed ribbon group

Figure 2 Controls in a collapsed Ribbon group