How to add a font icon into .NET MAUI Radial Menu (SfRadialMenu)?
To add a custom font icon to a .NET MAUI Radial Menu, follow these steps:
- Add the custom font file (.ttf) to the font folder of your .NET MAUI project.
- In the XAML code, reference the custom font family for the Radial Menu and its items using the FontFamily property.
XAML
<syncfusion:SfRadialMenu
CenterButtonBackFontFamily="MauiMaterialAssets"
CenterButtonBackFontSize="28"
CenterButtonBackText=""
CenterButtonFontFamily="MauiMaterialAssets"
CenterButtonFontSize="28"
CenterButtonText="">
<syncfusion:SfRadialMenu.Items>
<syncfusion:SfRadialMenuItem FontFamily="MauiMaterialAssets"
FontSize="20"
Text=""/>
<syncfusion:SfRadialMenuItem FontFamily="MauiMaterialAssets"
FontSize="20"
Text=""/>
<syncfusion:SfRadialMenuItem FontFamily="MauiMaterialAssets"
FontSize="20"
Text=""/>
<syncfusion:SfRadialMenuItem FontFamily="MauiMaterialAssets"
FontSize="20"
Text=""/>
<syncfusion:SfRadialMenuItem FontFamily="MauiMaterialAssets"
FontSize="20"
Text=""/>
</syncfusion:SfRadialMenu.Items>
</syncfusion:SfRadialMenu>
Output
Download the complete sample from GitHub
Conclusion
I hope you enjoyed learning how to add font icons into the .NET MAUI Radial Menu.
You can refer to our .NET MAUI Radial Menu feature tour page to learn about its other groundbreaking feature representations. You can explore our .NET MAUI Radial Menu documentation to understand how to present and manipulate data.
For current customers, check out our .NET MAUI components on the License and Downloads page. If you are new to Syncfusion®, try our 30-day free trial to explore our .NET MAUI Radial Menu and other .NET MAUI components.
Please let us know in the comments section if you have any queries or require clarification. You can also contact us through our support forums, Direct-Trac, or feedback portal, or the feedback portal. We are always happy to assist you!