SVG/XAML icons in RadRibbonView elements

2 Answers 111 Views
RibbonView and RibbonWindow
Priya
Top achievements
Rank 1
Iron
Iron
Iron
Priya asked on 13 Jun 2022, 10:54 PM

Is there a way to use SVG/XAML (vector) icons in ApplicationButtonImageSource  and in the RadRibbonBackstageItem entries ?

I am able to set the Icon field in RadContextMenu to <Path  Data="....Vector info..."/> and use vector graphics - would like to do the same for the icons in the RibbonView.

Your help is much appreciated.

2 Answers, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 15 Jun 2022, 10:31 AM

Hello Priya,

To achieve your requirement, you can use the ApplicationButtonContent property of RadRibbonView, instead of ApplicationButtonImageSource. 

<telerik:RadRibbonView>
	<telerik:RadRibbonView.ApplicationButtonContent>
		<Path Data="geometry here" />
	</telerik:RadRibbonView.ApplicationButtonContent>
</telerik:RadRibbonView>

The RadRibbonBackstageItem doesn't support this. It exposes only an Icon property which is of type ImageSource. To achieve your requirement there, you can extract the ControlTemplate of RadRibbonBackstageItem and replace the Image that displays the icon with a custom element (like Path).

I hope that helps.

Regards,
Martin Ivanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
Priya
Top achievements
Rank 1
Iron
Iron
Iron
answered on 15 Jun 2022, 08:41 PM
I am able to use the ApplicationButtonContent property of RadRibbonView - Thank you!
Tags
RibbonView and RibbonWindow
Asked by
Priya
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Martin Ivanov
Telerik team
Priya
Top achievements
Rank 1
Iron
Iron
Iron
Share this question
or