Use Offline Mode to display cached appointment and support data when the device has no internet connection.
Offline behavior applies only to screens that support cached data.
This screen includes:
| # | Element | Description |
|---|
| 1 | Header | Displays screen title and navigation actions |
| 2 | Offline banner | Displays connection status and last update time |
| 3 | Cached appointment card | Displays synchronized appointment data |
| 4 | More details action | Opens cached appointment details |
| 5 | Support modal | Displays offline support options |
| 6 | Offline status icon | Displays offline connectivity state |
| 7 | Support message | Displays offline support guidance |
| 8 | Emergency message | Displays emergency instructions |
| 9 | Call action | Opens the device dialer |
| 10 | Close action | Dismisses the support modal |
Supported Screens
| Screen | Offline behavior |
|---|
| Appointments List | Displays cached current appointments |
| Appointment Details | Displays essential cached appointment fields |
| Contact Center | Displays offline support contact options |
Workflow
- Detect offline state.
- Display the offline banner.
- Load cached appointment data.
- Disable network-dependent actions.
- Allow supported offline navigation.
- Retry connectivity when selected.
Validations
| Scenario | App Behavior | SDK Output |
|---|
| No internet connection | Activate Offline Mode | state = offline |
| Cached data exists | Display cached content | cache = available |
| Cached data unavailable | Display empty offline state | cache = unavailable |
| Network action selected | Block action | error = offline_unavailable |
| Retry selected | Check connectivity | state = retrying |
| Connection restored | Refresh live data | state = online |
Actions
| Scenario | App Behavior | SDK Output |
|---|
| App opens offline | Load cached data | state = offline |
| Offline banner selected | Retry connectivity | state = retrying |
| Appointment list opened | Display cached appointments | appointments = cached |
| Appointment details opened | Display cached appointment details | appointment = cached |
| Disabled navigation selected | Keep current screen | state = unchanged |
| Support selected | Open available contact action | support = opened |