SVG/XAML icons in RadRibbonView elements

[Priya]

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.

[Martin Ivanov]

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

[Priya]

I am able to use the ApplicationButtonContent property of RadRibbonView - Thank you!