Hi Daniel,

You should be able to change the font size and family and the button control should size appropriately.  What values did you use for the size and family?

Hi Rob,

I finally found out why this happens. We did specify font family and font size on the XamRibbon, once those are removed, the clipping went away. Does this mean we should not change font when using XamRibbon? btw, we're setting the theme to Office2010Blue.

Hi Daniel,

I've taken the code and added it to a sample and I don't see the clipping you showed in the screenshot.  Do you have a certain theme applied to the ribbon?  What about any custom styles?

I've attached my sample.  Can you try running it on your end and see if you can reproduce the clipping issue?

Rob, I'm using 12.2 now, but the same thing happened from 11.2. The "something else underneath" is the ribbon group caption. Following is my XAML for this group, we didn't do anything special here.

<igRibbon:RibbonGroup Caption="{x:Static res:MyProductShellRes.GetUpToSpeed}" Margin="5,0,0,0">
<igRibbon:RibbonGroup.Variants>
<igRibbon:GroupVariant Priority="70" ResizeAction="ReduceImageAndTextNormalTools"/>
</igRibbon:RibbonGroup.Variants>
<igRibbon:ButtonTool Id="WhatsNew" Name="buttonWhatsNew" Caption="{x:Static res:MyProductShellRes.GetUpToSpeedHeader}"
Command="{Binding ShowWhatsNewCommand}"
LargeImage="{x:Static imageLocal:ImageResources.WhatsNew32}"
igRibbon:RibbonGroup.MaximumSize="ImageAndTextLarge">
<igRibbon:ButtonTool.ToolTip>
<igRibbon:XamRibbonScreenTip
Header="{x:Static res:MyProductShellRes.GetUpToSpeedHeader}"
Content="{x:Static res:MyProductShellRes.GetUpToSpeedDes}"
FooterSeparatorVisibility="Hidden" />
</igRibbon:ButtonTool.ToolTip>
</igRibbon:ButtonTool>

<igRibbon:ButtonTool Id="RibbonMapping" Name="buttonRibbonMapping" Caption="{x:Static res:MyProductShellRes.RibbonMapping}"
Command="{Binding ShowRibbonMappingCommand}"
LargeImage="{x:Static imageLocal:ImageResources.RibbonMapping32}"
igRibbon:RibbonGroup.MaximumSize="ImageAndTextLarge">
<igRibbon:ButtonTool.ToolTip>
<igRibbon:XamRibbonScreenTip
Header="{x:Static res:MyProductShellRes.RibbonMapping}"
Content="{x:Static res:MyProductShellRes.RibbonMappingDes}"
FooterSeparatorVisibility="Hidden" />
</igRibbon:ButtonTool.ToolTip>
</igRibbon:ButtonTool>

</igRibbon:RibbonGroup>