Configure WebApp Menu

  • Updated on Nov 10, 2025
  • 3 minute(s) read
  • DS
  • AF
 Prev Next

A menu provides a means to access your construct pages from either the same or different WebApps. You can organize several construct pages within a menu and create various submenus for your WebApp. Additionally, you can also include links to access the Construct Preview home page, various modules in the Syniti Knowledge Platform, or to a trusted external websites.

Note

Refer to Page Bindings to link construct pages using text, number, or button that displays a related page or a page with filtered results.

Add Menu Links to Your WebApp

  1. On the Construct Preview’s home page, edit the required WebApp. The WebApp configuration page is displayed.

  2. Access the WebApp Menu node in the Tree Navigation panel and select Add Menu Link. A new menu link option is displayed as the child node for your WebApp Menu, and the Details Pane is updated with the Menu Link fields.

  3. Enter the fields/properties listed in the following table as required using either form-based UI or Advanced mode:

    Field/Property (Name: Type)

    Description

    Supported Values/Notes

    ordinal: integer

    Controls the display order of a menu link in the WebApp Menu and on the WebApp’s landing page card.

    Any integer. default: 0

    label: string
    required

    Label of the menu link that appears in the WebApp Menu and on the WebApp’s landing page card.

    Enter a display text for your menu link. maxLength: 50

    is_pill: boolean

    Enabling this toggle allows you to display this menu link as a pill on the WebApp’s landing page card.

    true, false; default: false

    is_default_link: boolean

    Enabling this toggle allows you to set this menu link as the default landing page for the WebApp.

    Only one menu link can be set as a default link.

    true, false; default: false

    link_to_page_name: string

    Select the page to navigate.

    NA

    link_to_url: string

    A trusted URL or a URL within the SKP to navigate to

    Enter the correct URL. maxLength: 255

    Note

    You must use either the Link to Page Name or Link to URL property.

  4. To add multiple menu links to your WebApp, repeat Steps 2 and 3.

  5. Click Save.

Create Submenu and Add Menu Links

  1. On the Construct Preview’s home page, edit the required WebApp. The WebApp configuration page is displayed.

  2. Access the WebApp Menu node in the Tree Navigation panel and select Add Submenu. A new submenu option is displayed as the child node for your WebApp Menu, and the Details Pane is updated with the Submenu fields.

  3. Enter the fields/properties listed in the following table as required using either form-based UI or Advanced mode:

    Field/Property (Name: Type)

    Description

    Supported Values/Notes

    ordinal: integer

    Controls the display order of a submenu in the WebApp Menu.

    Any integer. default: 0

    label: string
    required

    Label of the submenu that appears in the WebApp Menu.

    Enter the submenu name. maxLength: 50

  4. To add menu links to this submenu, click More Options (…) next to your submenu node and select Add Menu Link. A new menu link option is displayed as the child node under your smenu, and the Details Pane is updated with the Menu Link fields.

  5. Enter the fields/properties listed in the following table as required using either form-based UI or Advanced mode:

    Field/Property (Name: Type)

    Description

    Supported Values/Notes

    ordinal: integer

    Controls the display order of a menu link in the WebApp Menu and on the WebApp’s landing page card.

    Any integer. default: 0

    label: string
    required

    Label of the menu link that appears in the WebApp Menu and on the WebApp’s landing page card.

    Enter a display text for your menu link. maxLength: 50

    is_pill: boolean

    Enabling this toggle allows you to display this menu link as a pill on the WebApp’s landing page card.

    true, false; default: false

    is_default_link: boolean

    Enabling this toggle allows you to set this menu link as the default landing page for the WebApp.

    Only one menu link can be set as a default link.

    true, false; default: false

    link_to_page_name: string

    Select the page to navigate.

    NA

    link_to_url: string

    A trusted URL or a URL within the SKP to navigate to

    Enter the correct URL. maxLength: 255

    Note

    You must use either the Link to Page Name or Link to URL property.

  6. To add multiple submenu and menu links to your WebApp, repeat Steps 2 through 5.

  7. Click Save.

Delete a Submenu and Menu Links

All components of a WebApp use the same process to perform the delete action. This also applies to components used in configuring a menu and menu links.

To delete a component in a WebApp:

  1. On the Construct Preview’s home page, edit the required WebApp. The WebApp configuration page is displayed.

  2. Access the required component node in the Tree Navigation panel.

  3. Select the required component and click More Options (…) next to your selected component node.

  4. Select Delete.

Related Articles