Profile

Menus

on 04-14-2024 12:00 AM by SnapApp by BlueVector AI

1103

A menu is a designated section containing a set of links or options for navigating or interacting within the application. Within menus, you can add navigations or incorporate custom HTML elements as well.

Table of Contents

How to create a Menu?

  1. Open Settings from the User menu of the top bar.

    UX-Settings

  2. Select Menu from the UX on the left navigation bar.

    Menus-Settings

  3. Click + Add New in the top header of the menus list view to add a new Menu.

    Add-New

  4. Set up the configuration accordingly and hit Save.

    Save

Settings Description
Name Name of the Menu.
Location Location refers to the position where the Menu will be displayed.
  • Left: Menu will be displayed on left side
  • Top: Menu will be displayed on the top or header section
  • User: Menu will be displayed upon clicking the User icon
  • Footer: Menu will be displayed at the bottom or footer section
Background Color
  • inherit: Menu will inherit the background color that already exist on the desktop view
  • primary: Primary theme color will be applied
Show Labels Checkbox for whether to show the names of each Menu item or not.
Push Content If enabled, expanding Menu will push the body of the application, otherwise, it will be displayed over the body hiding some body contents.
Responsive If enabled, then for mobile devices, the Menu will be displayed at the bottom as a static component.
Collapse If enabled, an icon will be displayed on Menu for expanding the section.
Active Checkbox for turn on or off the a specific Menu.

How to edit a Menu?

  1. Open Settings from the User menu of the top bar.

    UX-Settings

  2. Select Menus from the UX menu on the left navigation bar.

    Menus-Settings

  3. Select the specific Menu that you want to edit and click Edit button under Action field.

    Edit

After creating a Menu, you will be able to add Navigation links and Custom HTML through Edit.

Adding Navigation items in Menus

Navigations

Adding Custom HTML in Menus

  1. Click the Builder button of Custom HTML

    Custom-Html

  2. Inside the Page Builder, click the Import icon as shown in the following snapshot.

    Import-Custom-Html

  3. Write or Custom HTML code and click Import.

    Import-Button

  4. Finally, click Save to apply the newly created Menu across your application.

    Save-Button

    Custom-Html-Menu

How to delete a Menu?

  1. Open Settings from the User menu of the top bar.

    UX-Settings

  2. Select Menus from the UX menu on the left navigation bar.

    Menus-Settings

  3. Select the specific Menu that you want to delete and click the Delete button under Action field.

    Delete


Thank you for following these steps to configure your SnapApp components effectively If you have any questions or need further assistance, please don’t hesitate to reach out to our support team. We’re here to help you make the most out of your SnapApp experience.

For support, email us at snapapp@bluevector.ai


Generate Text