Adding Hybrid Web Screens to Mobile Apps

1. Open the Screens panel on the left side of the UI Design module.
2. Click on the +  icon next to the WEB SCREENS heading.
3. Select the New Screen option.

4. Enter a name for the screen and click the CREATE button.

Using the GaugeChart Element:

1. On the Web Screen screen that opens, drag and drop the GaugeChart element from the Elements panel on the left edge.
2. Return to the main page of the application and add a Button element from the Elements panel.

3. Give the button a name (for example: navigate to new screen).
4. Click the +ADD ACTION drop-down menu from the Properties panel on the right edge.

5. Add the action OnClick > Navigation > Navigate.
6. In the To Screen field, select the web screen you created (for example: KuikaWebScreen).

Preview Application

1. Preview the app by clicking the Preview button in the top right corner.

2. Click the navigate to new screen button that appears on the main screen.

3. You can switch to the new screen and view the GaugeChart element.