- Screen Design:
- Design the screen that will work offline.
- Choose images from Image Library instead of API.
- Elements and actions that require internet connection should not be used.
- Assign Offline Screen Role:
- Assign the Offline Screen role from the Properties panel of the screen.
- This allows the screen to be automatically activated when disconnected from the internet.
- Platform Specific Build:
- Build the app for iOS or Android.
- When the internet connection is lost while the app is running on the device, the user will be notified and the app will automatically switch to Offline Screen.
- Navigation and Design Details:
- Manual Navigation: Organize all navigation operations manually. For example, add an exit button for the user to log out.
- Master Page Integration: Common components (header, footer, menus, etc.) can be added via Master Page. This structure ensures a consistent user experience across all screens.
By following these steps, you can ensure that your app provides a user-friendly and functional experience even in offline mode.