Skip to main content
LinkedIn
Copied!

Table of Contents

Creating custom menus

Version:

Only available versions of this content are shown in the dropdown
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.
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 Action Menu .
    • 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.

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.

Did you find this content helpful?

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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