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 Bar is Not displaying Properly



Action items in Left menu section gets expanded and moves towards left in a screen layout.

Error Messages

Not Applicable. But menu items are stretching towards left.

Steps to Reproduce

  1. Create harness
  2. Add Screen Layout such as header, left menu,body and footer
  3. In Left Menu section, add the Menu Bar Control

Root Cause

The root cause of this problem is a defect in Pegasystems’ code/rules.

In old menus are constructed with ItemLeft, ItemMiddle, ItemRight id's respectively.
While focussing any menu item display style from ItemLeft & ItemRight Classes is overridden from selected class.


This issue is resolved through the following Local-change:

Update "#ItemLeft,#ItemRight" css style from "display:none" to "display:none !important" in py-tables-overrides.css rule from UI-Kit Ruleset.

Published June 12, 2015 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

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