<ribbon:Ribbon>
<ribbon:Tab Label="Tab">
<ribbon:Group Label="A Different Group" VariantSize="Large">
<ribbon:Button Label="Item 1" />
<ribbon:Button Label="Item 2" />
<ribbon:Button Label="Item 3" />
<ribbon:Button Label="Item 4" />
<ribbon:Button Label="Item 5" />
<ribbon:Button Label="Item 6" />
</ribbon:Group>
<ribbon:Group Label="Longer Group Label" VariantSize="Large">
<ribbon:Button Label="Short" />
</ribbon:Group>
</ribbon:Tab>
</ribbon:Ribbon>
If you resize the window this is placed in slowly dragging from the right to the left you'll see a state where the button clearly becomes the dictator of the group width instead of the group label. I'm not certain if this is undesireable.
We have 2 groups to the right of second group here. I think it may be a quirk of our ribbon but we seem to start in the state where the group label is trimmed despite there being ample space available beyond the 4th group for that trimmed group to grow. It's on a (non-contextual) tab that is not selected on startup. I can attempt to provide an exact replica of the behavior we're seeing in a support ticket as I can't seem to make this small sample start in that state.
[Modified 11 years ago]