Wrong icon shown for "barcode" in context menu #1014

Closed
opened 2026-01-29 17:47:46 +00:00 by claunia · 2 comments
Owner

Originally created by @scarabdesign on GitHub (Oct 13, 2023).

Describe the bug
Google material design icon displayed in context menu for "barcode" is not correct. I noticed this in the context of the context menu, but I presume anywhere else where a string is used to specify an icon.

To Reproduce

  1. Create a new context menu
ContextMenuService.Open(mouseargs, new List<ContextMenuItem> {
   new ContextMenuItem(){ Text = "Undo", Value = 6, Icon = "undo" },
   new ContextMenuItem(){ Text = "Filter", Value = 2, Icon = "search" },
   new ContextMenuItem(){ Text = "Mark All", Value = 1, Icon = "task_alt" },
   new ContextMenuItem(){ Text = "Unmark All", Value = 0, Icon = "radio_button_unchecked" },
   new ContextMenuItem(){ Text = "Reorder Locations", Value = 3, Icon = "import_export" },
   new ContextMenuItem(){ Text = "Scan Barcode", Value = 7, Icon = "barcode" },
   new ContextMenuItem(){ Text = "Save List as Template", Value = 4 },
}, result => {});
  1. Run app and open context menu, look at the icon that appears:
    1

Expected behavior
The icon should be the Google material design icon of a barcode:
2

Desktop (please complete the following information):

  • Radzen.Blazor 4.17.1
  • OS: Window, Android
  • MAUI Blazor WebView
  • .NET8 Preview

Additional context
Interestingly, when I searched the Google material design site for the barcode icon it didn't show up in the results at first. I had to clear the cached data for that site before the icon showed up. This hints that perhaps there was an issue with one of the released packages when it was bundled with the Radzen binaries. Just an idea...
https://fonts.google.com/icons?icon.query=barcode

Originally created by @scarabdesign on GitHub (Oct 13, 2023). **Describe the bug** Google material design icon displayed in context menu for "barcode" is not correct. I noticed this in the context of the context menu, but I presume anywhere else where a string is used to specify an icon. **To Reproduce** 1. Create a new context menu ``` ContextMenuService.Open(mouseargs, new List<ContextMenuItem> { new ContextMenuItem(){ Text = "Undo", Value = 6, Icon = "undo" }, new ContextMenuItem(){ Text = "Filter", Value = 2, Icon = "search" }, new ContextMenuItem(){ Text = "Mark All", Value = 1, Icon = "task_alt" }, new ContextMenuItem(){ Text = "Unmark All", Value = 0, Icon = "radio_button_unchecked" }, new ContextMenuItem(){ Text = "Reorder Locations", Value = 3, Icon = "import_export" }, new ContextMenuItem(){ Text = "Scan Barcode", Value = 7, Icon = "barcode" }, new ContextMenuItem(){ Text = "Save List as Template", Value = 4 }, }, result => {}); ``` 2. Run app and open context menu, look at the icon that appears: ![1](https://github.com/radzenhq/radzen-blazor/assets/13665840/e8ce1530-b557-4dbf-ad34-fb0565563e4e) **Expected behavior** The icon should be the Google material design icon of a barcode: ![2](https://github.com/radzenhq/radzen-blazor/assets/13665840/c36c23b0-a742-4701-8509-577cfae2911c) **Desktop (please complete the following information):** - Radzen.Blazor 4.17.1 - OS: Window, Android - MAUI Blazor WebView - .NET8 Preview **Additional context** Interestingly, when I searched the Google material design site for the barcode icon it didn't show up in the results at first. I had to clear the cached data for that site before the icon showed up. This hints that perhaps there was an issue with one of the released packages when it was bundled with the Radzen binaries. Just an idea... https://fonts.google.com/icons?icon.query=barcode
Author
Owner

@enchev commented on GitHub (Oct 16, 2023):

We are using Material Icons where there is no such icon:
https://fonts.google.com/icons?icon.query=barcode&icon.set=Material+Icons

The icon you are referring is part of Material Symbols:
image

@enchev commented on GitHub (Oct 16, 2023): We are using Material Icons where there is no such icon: https://fonts.google.com/icons?icon.query=barcode&icon.set=Material+Icons The icon you are referring is part of Material Symbols: ![image](https://github.com/radzenhq/radzen-blazor/assets/5804953/0778f175-a872-433f-9a2e-7a86a2c2fbc2)
Author
Owner

@scarabdesign commented on GitHub (Oct 16, 2023):

Ok, thanks for the info. Any way I can use a symbol instead? Is it possible to derive a class or override the context menu?

@scarabdesign commented on GitHub (Oct 16, 2023): Ok, thanks for the info. Any way I can use a symbol instead? Is it possible to derive a class or override the context menu?
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1014