I have tried to set the height of the xamRibbon, RibbonTabItem, RibbonGroup, and ToolHorizontalItemPanel and cannot seem to get the ribbongroup to fit to the its contents, which are cut off at the botton of the RibbonGroup. Any ideas how I can have the RibbonGroup, RibbonTabItem, and xamRibbon to automatically resize to their contents?
Here's the challenge... set a property or two so that all of the buttons are visible without changing the WrpaPanel's MaxWidth property.
<igRibbon:XamRibbon Name="xamRibbon1"> <igRibbon:XamRibbon.ApplicationMenu> <igRibbon:ApplicationMenu /> </igRibbon:XamRibbon.ApplicationMenu> <igRibbon:XamRibbon.QuickAccessToolbar> <igRibbon:QuickAccessToolbar /> </igRibbon:XamRibbon.QuickAccessToolbar> <igRibbon:RibbonTabItem Header="Test"> <igRibbon:RibbonGroup > <WrapPanel MaxWidth="100"> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> <Button>Test</Button> </WrapPanel> </igRibbon:RibbonGroup> </igRibbon:RibbonTabItem> </igRibbon:XamRibbon>
The Height of the Ribbon is fixed. This is a requirement of the Microsoft Office UI Guidelines - the ribbon must be tall enough to display 3 small tools whose image is 16x16 @ 96 dpi. You will either need to put the panel into a scrollviewer or a viewbox or change something to make the buttons smaller.