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>

The RibbonBar image is shows in collapsed state

View sample in GitHub.

Did you find this information helpful?

Yes

Comments

How to set the image for collapsed icon in WPF Ribbon control?

Access denied