Usage Scenario: Displaying a Warning Message When Offline

In an educational application, when the user loses their internet connection, you want to display the message ‘No internet connection. Please check your connection’ at the top of the page. This is important for guiding the user and preventing incorrect actions.

Steps to Add an Offline Warning Message

1. In the UI Design module, drag a Label element from the left panel and place it at the top of the page.
2. In the Properties panel, enter the following text in the Value field: No internet connection. Please check your connection.
3. While keeping the same Label element selected, in the Visibility field:
   
   • Select the Sometimes Visible option.
4. Click on the page blank space as Initial Actions and add the following action from the + ADD ACTION menu:
   
   • Select the Initial Actions → Device → Is Online action.
   • Save the returned result as a Screen Input named isOnline.