Next question to your product
I have added a menu bar and there I added a menu item with an icon.
The “problem” now is, that I want to use a 32×32 size (png file) for a good UI experience.
but this is not set. The image is cut and looks ugly.
Is there any possibility to set the image size?
The size and other settings for the image in menu items is set in the themes. The key is menu/item/icon for the items in the drop down menu and menubar/item/icon for the items in the menu bar. I just noticed that the items in the menubar and menu don’t have the “scale”:true property – probably because we mostly use svg images.
You can set the size of the menubar, and menu items and icon, etc. in a theme mixin that changes only specific settings in the loaded theme, allowing the app to personalize a theme and still be able to use any theme. I have attached a mixin that fixes the missing scale property (now any image will scale to fit the size of the icon widget) and it sets the size to 32×32 and the menubar height to 40.
Place the mixin.theme file in /Themes. You can either deploy it or set it to “EmbeddedResource”.
Added screenshot. You can also change the size and padding (or any other theme property or style).
Please login first to submit.