Highlight current menu item

Hi,

In our Cuba app we have a new requirement to change formatting of currently browsed Menu Item.
For example, if user clicks on any menu element, it will be highlighted and stay highlighted until the user navigates to another menu element.

How can we apporach this? Is there any built-in or best practice, or in fact any way possible to implement this?

Thanks and best regards,
Tomasz

Hi,

The SideMenu component has the selectOnClick attribute that enables highlighting the selected menu item on mouse click.

Gleb

1 Like

This is something that will definitely help, thank you.

Is it possible to take a step further and somehow assign for each screen a menu item that will be “selected” when the screen is opened? What I mean is when we have multiple tabs with different screens and user is switching between them, we will highlight a defined menu item so that user easily identifies which part of app he is working with?

Tomasz

There is no such built-in functionality, but you can implement it as described here.

1 Like