Using Offline Screen

  1. 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.
  2. 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.
  3. 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.
  4. 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.