Skip Navigation LinksActipro Software / Products / .NET Controls / WPF / Ribbon / XAML Support

Feature Tour:

XAML Support

Ribbon is designed to be completely compatible with XAML markup. In fact, the entire ribbon user interface can be implemented in XAML, even the ribbon resizing functionality.

Here is some XAML code to show you how easy it is to prototype out a simple ribbon with one tab, one group, and several buttons on it.

1 <ribbon:Ribbon x:Name="ribbon" ApplicationButtonImage="/Images/ActiproAppIcon.ico"> 2 <ribbon:Ribbon.Tabs> 3 <ribbon:Tab Label="Home" KeyTipAccessText="H"> 4 <ribbon:Group Label="Clipboard" KeyTipAccessText="ZC" DialogLauncherKeyTipAccessText="FO"> 5 <ribbon:Group.Variants> 6 <ribbon:GroupVariant Priority="10" Size="Small" /> 7 </ribbon:Group.Variants> 8 <ribbon:SplitButton ImageSourceLarge="/Images/Paste32.png" ImageSourceSmall="/Images/Paste16.png" Label="Paste" KeyTipAccessText="V"> 9 <ribbon:Button ImageSourceSmall="/Images/Paste16.png" Label="Paste" KeyTipAccessText="P" /> 10 <ribbon:Button ImageSourceSmall="/Images/PasteSpecial16.png" Label="Paste Special" KeyTipAccessText="S" /> 11 <ribbon:Button ImageSourceSmall="/Images/PasteHyperlink16.png" Label="Paste Hyperlink" KeyTipAccessText="H" /> 12 </ribbon:SplitButton> 13 <ribbon:StackPanel SmallVariantGroupSize="Large"> 14 <ribbon:Button ImageSourceSmall="/Images/Cut16.png" Label="Cut" KeyTipAccessText="X" /> 15 <ribbon:Button ImageSourceSmall="/Images/Copy16.png" Label="Copy" KeyTipAccessText="C" /> 16 <ribbon:Button ImageSourceSmall="/Images/FormatPainter16.png" Label="Format Painter" KeyTipAccessText="FP" /> 17 </ribbon:StackPanel> 18 </ribbon:Group> 19 </ribbon:Tab> 20 </ribbon:Ribbon.Tabs> 21 </ribbon:Ribbon>