Category / Section
How to set the image for collapsed icon in WPF Ribbon control?
1 min read
You can collapse the icon of RibbonBar by using CollapseImage property in WPF Ribbon control.
XAML
<syncfusion:Ribbon VerticalAlignment="Top" Name="ribbon1"> <syncfusion:RibbonTab Caption="Home"> <syncfusion:RibbonBar CollapseImage="ImageOne.png"> <syncfusion:RibbonButton Content="Button1"/> </syncfusion:RibbonBar> <syncfusion:RibbonBar CollapseImage="ImageTwo.png"> <syncfusion:RibbonButton Content="Button2"/> </syncfusion:RibbonBar> <syncfusion:RibbonBar CollapseImage="ImageThree.png"> <syncfusion:RibbonButton Content="Button3"/> </syncfusion:RibbonBar> <syncfusion:RibbonBar CollapseImage="ImageFour.png"> <syncfusion:RibbonButton Content="Button4"/> </syncfusion:RibbonBar> <syncfusion:RibbonBar CollapseImage="ImageFive.png"> <syncfusion:RibbonButton Content="Button5"/> </syncfusion:RibbonBar> <syncfusion:RibbonBar CollapseImage="ImageSix.png"> <syncfusion:RibbonButton Content="Button6"/> </syncfusion:RibbonBar> </syncfusion:RibbonTab> </syncfusion:Ribbon>