Adding Hybrid Web Screens to Mobile Apps

1. Log in to the Kuika platform and click the New App button on the Apps screen.
2. Enter a name for the app.

3. Check the Mobile compatible app option.
4. Complete the process by clicking the CREATE button.

Example: When you search for the GaugeChart element from the Elements panel in the UI Design module, you see that this element can only be used in web applications. To use the GaugeChart element, you need to create a hybrid display.

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.