To add more content to the Simple Ribbon Application that we created in the previous post, you can drag-drop variety of elements from the VS toolbox onto the Ribbon.
Drag RibbonGroup to the Home Tab and name it Group2.
The resultant XAML is as follows.
As you may have already noted, the main Ribbon control is similar to a TabControl and contains RibbonTabs, which contain RibbonGroups, which in turn contain a variety of different Ribbon controls. (This is not an exhaustive list.)
It is important to note that there are primarily three properties that constitute the content model for these controls.
These three properties enable a control to exist in a variety of different size variants. The three popular size variants are
Only the SmallImageSource is visible
These size variants for each control are pertinent to the resizing behavior of the Ribbon.
Read next post to learn to bind your Ribbon UI to a data model.