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. Image for the cookie policy date

SfMenuItem Icon cutting on the edges

Hello,

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:
https://docs.microsoft.com/en-us/uwp/api/Windows.UI.Xaml.Controls.Symbol

Have a nice weekend,
Alexandru.

Attachment: SfMenuIcon_63c7c1ba.rar

1 Reply

DR Durga Rajan Syncfusion Team May 29, 2017 10:02 AM UTC

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

Regards,
Durga S.

Loader.
Up arrow icon