Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

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

  1. Add a menu control with a horizontal setup.
  2. Add a menu control with a vertical setup.
  3. 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>

Suggest Edit

Published July 18, 2017 - Updated October 8, 2020

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us