Define the Action

1. Open your project on the Kuika platform.
2. Go to the UI Design module.
3. Click on an empty area on the screen and open the Properties panel on the right side.

4. + ADD ACTION menu, add the Device > Is Web action according to the desired trigger event (Initial Actions, OnClick, OnBlur, etc.).

‍

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

1. 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.
2. 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
3. This way, the label will only be visible in a web environment.
4. 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.

• Application-Specific Navigation: If the application is in a web environment, the user can be redirected to a different page.
• Customisation for Mobile: Some elements can only be displayed on mobile devices:
• Feature Restriction: Web-only actions such as PDF creation and file uploads can be secured with this control.

Technical Risks

• Incorrect Condition Usage: If the action result is written incorrectly, content may be displayed to the wrong user.
• Real-Time Immutability: This action will not be retriggered unless the user reloads the application by changing the environment.
• Mobile Web vs. Mobile Application Distinction: The Is Web action also recognises mobile browsers as ‘web’. For true mobile app differentiation, the Is iOS and Is Android actions should also be used.

Is Web Action makes it easy to understand which environment your app is running in. This enables platform-specific content display, user notifications, and function management. By working on both web and mobile, it helps you create a flexible and secure user experience.