You can customize the look and feel of the bottom navigation bar by customizing the background color, labels, icon style, and icon color in active and inactive states, in light and in dark modes.

  1. At the organization level, click the Admin icon.

  2. Navigate to Organization > Organizations > Online Booking > Online Booking Setup.

  3. Click to expand the Bottom Navigation Bar section.

  4. Configure the Default menu:

    • In the Menu section, select the order of the bottom navigation bar icons.

    • In the Menu label, enter the text for the bottom navigation bar icons.

    • In the Link to section, link the icons to respective sections on the app.

    • Icon color: Choose the icon colors for active and inactive states for Light Mode and Dark Mode.

      To change the color, click inside the relevant field and pick a color. Alternatively, you can change the color by entering the hex color codes. (Example: Hex color code for red is #FF0000)

    • Navigation Bar background color: Choose from the following options:

      • Default Color(Recommended)

      • Custom Color

        If you choose custom color, you can change the colors for both Light Mode and Dark Mode. Or, you can change the color by entering the hex color codes.

        (Example: Hex color code for red is #FF0000)

    • Show Labels in Navigation Bar for: Choose from the following options:

      • All Icons

      • Only Active Icon

      • No labels

        Note

        Color of the label is the same as its icon color.

  5. To save changes, click Save.

Did this answer your question?