Hi,
It seems that active background color of a menu item is not behaving properly. I’ve set it up to this settings:
However, when in the dashboard, the background color is not applied to the whole menu item:
if you look at the border, it is being applied correctly.
Have anyone else experienced this? Is there a workaround or a fix for this?
Regards,
Renzi
Hi Renzi,
Seems like a styling issue. The active background works fine when the menu is in vertical orientation, however, the issue erupts as soon as the orientation is changed to horizontal.
One of the work arounds for this problem is padding. By applying appropriate padding, I was able to resolve the issue. Find below screenshots for before and after applying padding to menu items.
Before applying padding
After applying padding
You can apply padding by selecting the menu item (in this case Chart) > Properties > Layout > Padding. In my case, I applied right padding as shown in the screenshot below:
I hope it helps.
Regards,
Razi
Thanks Razi.
Another way that I was able to make it work is by using CSS
I hope in the next version, the background property for the horizontal layout would be straight forward to use.
This was identified as a defect and has since been solved. It only applies to horizontal layout.
I would suggest using padding for now, as the additional CSS overrides may conflict with the fix that comes in an upcoming release.
Thanks @terrence. Would the fix be available for the next release? For now, the padding solution would not work for our current setup. I will just adjust accordingly when the fix for the defect becomes available.
It will be available in an upcoming release which should be released in a few weeks.
You should contact your support representative and they can assist you further in terms of severity etc.