We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

SfMenuItem Icon cutting on the edges

Thread ID:





130695 May 26,2017 08:47 AM May 29,2017 06:02 AM UWP 1
Tags: SfMenu
Alexandru Pastor Opris
Asked On May 26, 2017 08:47 AM


When using SymbolIcons inside a menu item (SfMenuItem.Icon) the icons start cutting on the edges, as if they were too big, same thing happens if we use custom icon Paths. We also tried forcing the height and width of the icons and that doesn't resolve the issue, the only thing it does, it makes the icon smaller but it's still cutting on the edges.

I've attached a sample with the issue and here's a sample image of how the icons should look:

Here's a url to the official symbolIcons:

Have a nice weekend,

Attachment: SfMenuIcon_63c7c1ba.rar

Durga Rajan [Syncfusion]
Replied On May 29, 2017 06:02 AM

Hi Alexandru,

Thank you for contacting Syncfusion support.

We have checked your query "How to display SymbolIcon in MenuItem without cropping the icons edges" and prepared sample to meet your requirement. In this sample, we have used ViewBox to display the icon to display icons without cropping its edges. Please download the sample from below link,

Sample:  Menu_ModifiedSample

Durga S.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.