Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Creating custom menus

Updated on December 13, 2022
Applicable to Theme Cosmos applications

Build custom navigation to ensure that your users can more conveniently move between different parts and features of your application. By pairing the Menu control with a navigation rule, you can set up a navigation scheme that meets the requirements of your business.

For example, in a loan application form, you might want to add a menu that helps the user access frequently used actions, such as transferring the case to the manager, or sending an email to the customer.
Before you begin: Define a navigation rule. For more information, see Creating navigation rules.
  1. In Dev Studio, open the section to which you want to add a menu.
  2. Add the menu control:
    • If you are using the view editor, in the pane on the right side of the screen, in the header of the region where you want to add the control, click Add, and then click ActionMenu.
    • If you are using the full section editor, from the Action menu, drag the Menu component into the layout.
  3. Open the Cell properties dialog box:
    • If you are using the view editor, in the pane on the right side of the screen, hover over the newly added Menu control, and then click the Edit icon.
    • If you are using the full section editor, click on the newly added Menu control, and then click the View properties icon.
  4. On the General tab, in the Navigation field, enter the name of the navigation rule on which you want to base your menu.
  5. Optional: To improve performance by deferring the loading of sub-menu content, select the Defer load sub menu check box.
  6. On the Presentation tab, in the Menu type list, define whether you want the menu to open horizontally or vertically.
  7. In the Menu format field, enter the format that you want to apply to the menu.
    For more information, see Styling a control.
  8. Click Submit.
  9. On the section form, click Save.
For example: The following examples show the menu in horizontal and vertical orientation.

Sample horizontal menu
Menu items are arranged horizontally.

Sample vertical menu
Menu items are arranged vertically.

In both cases, the Send email menu choice has a badge that displays the customer's email address.
  • Creating navigation rules

    Build intuitive menus that match the business requirements of your application bycreating custom navigation rules. Navigation rules help you define the structure and content of a context menu or a navigation panel.

Have a question? Get answers now.

Visit the Support 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.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us