Menu settings

How to customize the menu in your app?

The Menu in your app plays a key role in navigation, and with advanced settings, you can fully customize its appearance to match your branding and user experience preferences. Follow this guide to configure and personalize the Primary Menu and Secondary Menu settings.

Access menu settings

• Log in to your AppMySite account.

• Navigate to Navigation > Menu to access customization options.

Customize menu appearance

• Logo – Upload your logo to be displayed in the app bar.

• Text (Alternative to Logo) – Instead of a logo, you can display text in the app bar.

• Text color – Select the color for menu item text.

• Background color – Set the background color of the menu.

• Separator color – Choose the color of the separator lines between menu items.

Customizing the primary menu

The Primary Menu contains key navigation options in your app. You can modify its layout and style with the following settings:

• Show as grid – Enable to display menu items in a grid instead of a list.

• Show icon – Enable to display icons for menu items.

• Show text – Enable to display text labels for menu items.

• Tile shape – Choose a shape for menu items:

  • Square

  • Rounded corners

  • Circle

• Columns – Adjust the number of columns in the grid layout.

• Icon color – Set a color for menu icons.

• Text color – Choose the color of the menu item text.

• Tile background color – Set the background color for menu items.

• Tile border color – Choose a color for the tile borders.

The icon color setting will only apply if all icons selected from the icon library are black and solid.

Customizing the secondary menu

The Secondary Menu provides additional navigation options and can be styled similarly to the Primary Menu:

• Show as grid – Enable to display items in a grid instead of a list.

• Show icon – Enable to display icons.

• Show text – Enable to display text labels.

• Tile shape – Choose from Square, Rounded Corners, or Circle.

• Columns – Adjust the number of columns.

• Icon color – Select a color for icons.

• Text color – Customize the text color of menu items.

• Tile background color – Set the background color of menu tiles.

• Tile border color – Define the color of the tile borders.

Enable haptic feedback

• Haptic vibration on touch – Enable to provide subtle vibration feedback when users interact with the menu, enhancing the tactile experience.

Saving Your Changes

Once you’ve configured your menu settings, click Save to apply the changes.