Menus
Use menus to access primary destinations and account actions. The app adapts menu layout based on container type and screen orientation. Unless stated otherwise, the same menu items and behaviors apply across all menu types.
This screen includes
- A navigation menu that provides access to primary app areas.
- Find a doctor, which opens the Home screen and displays as the active state.
- Account, which opens the Account or Log in screen based on authentication state.
- Appointments, which opens the Appointments list.
- Services, which opens the Services screen when available.
- Contact, which opens the Contact screen and displays a notification badge when unread messages exist.
- A visible active state that highlights the selected item.
In WebView mode, the app displays a single navigation menu.
The UI renders either a bottom menu or a top navigation menu based on configuration.
The app does not display multiple menu types at the same time.
Bottom Menu
The bottom menu provides persistent access to primary app areas.
Behavior
- The app highlights the active item in blue.
- Selecting an item opens the corresponding screen.
- The app hides the bottom menu on the Contact screen.
- The app displays the bottom menu on all other main screens.
Menu Items
The menu items described in this section apply to all menu types unless stated otherwise.
Each item opens the same screen and follows the same behavior across bottom menus, top navigation menus, and landscape navigation.
| Item | Result | Back arrow |
|---|---|---|
| Find a doctor | Opens the Home screen. | Never. |
| Account / Log in | Opens Account or Log in based on authentication state. | Yes, when the bottom menu does not display. |
| Appointments | Opens the Appointments list. | Yes, when the bottom menu does not display. |
| Services | Opens the Services screen when available. | Yes, when the bottom menu does not display. |
| Contact | Opens the Contact screen. | Always. |
| Settings | Opens the Settings screen. | Not applicable. |
| Download App | Opens the Download App screen or redirects to the app store. | Always. |
Availability Rules
- The app displays Services only when a related service offering exists.
- The app displays Settings only when Services does not display.
Top Navigation Menu
The top navigation menu affects layout only.
- Navigation targets, routes, and permissions do not change.
- Integrations must not rely on icon-based navigation or bottom menu presence.
- The menu remains visible across navigation without screen-level toggling.
Landscape Navigation
Landscape navigation affects screen real estate, not behavior.
- Menu presence does not reduce available actions or destinations.
- Navigation state persists across orientation changes.
- Content layout expands without requiring integration changes.
WebView Behavior
WebView mode enforces navigation constraints.
- The app renders one menu only.
- Integrations must not assume simultaneous access to multiple navigation controls.
- Header content adapts to avoid overlap with host UI.
- Navigation indicators appear conditionally and must not drive logic.
Do not infer navigation availability based on menu type in WebView.
Actions
| Scenario | App behavior |
|---|---|
| User selects a menu item. | Opens the selected screen and highlights the active state. |
| User selects Account while logged out. | Opens the Log in screen. |
| User selects Account while logged in. | Opens the Account screen. |
| Services are unavailable. | Hides Services and displays Settings. |
| User opens Contact. | Hides the bottom menu on the Contact screen. |
Validations
| Scenario | App behavior | Impact |
|---|---|---|
| Services are unavailable. | The app hides Services. | The user cannot access Services from the menu. |
| WebView uses a single menu configuration. | The app displays one menu only. | The user cannot switch menu types within the UI. |
Endpoint Resources
🧰 Endpoint resources under construction