In an application, when full screen is supported on mobile devices but some features may be limited in web browsers, you want to display an informational message to the user saying, ‘Some features may be limited in your browser.’
Steps
- Add a Label Element: In the UI Design module, drag a Label element from the left panel and place it at the top of the page.
- Assign Label Value: With the Label element selected, enter the text in the Value field in the Properties panel on the right: Some features may be limited in your browser.
- Visibility Setting:
- In the same Label element, find the Visibility field.
- Here, select the Sometimes Visible option.
- In the Condition field that opens, enter the variable that will control visibility: isWebApp
- This way, the label will only be visible in a web environment.
- Adding the Is Web Action:
- Click on the page blank and add the following action from the + ADD ACTION menu: Initial Actions > Device > Is Web
- Save the result returned by the action as a Screen Input named isWebApp.
