Support Article
Menu control active item inconsistent behavior
SA-38852
Summary
When adding a menu control to the screen using a 'horizontal menu' as menu type (menu properties) the active state is not persistent (it disappears after clicking another element on the screen)
On a 'vertical menu' the active state is persistent. It will stay active when user clicks other elements on the screen.
Error Messages
Not Applicable
Steps to Reproduce
- Add a menu control with a horizontal setup.
- Add a menu control with a vertical setup.
- Click the items in the menu select another element or click on an empty screen area.
Root Cause
The horizontal and vertical menus work in different ways. Note that they are not internally same and CSS is not the only difference between them.
The active item retention works only when the "Show sub-menu as inline replace menu" in menu format in Skin is checked. The option is available for vertical menu.
Resolution
This is a product enhancement.
User is suggested to use a vertical menu with the following steps:
1. Create a menu format which has "Show sub-menu as inline replace menu" checked.
2. Use the format for the vertical menu.
3. Use CSS to display the menu horizontally.
Related CSS:
<style>
[name='pyCaseManagerLinks_1'].menu-vertical > .menu-item {
display: table-cell;
width: auto;
}
.menu-format-tab-menu {
border: none!important;
}
</style>
Published July 18, 2017 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.