Multi-page App Case

1. Create an Application

1. Click the Add button.
2. Enter the dashboard details:
   1. Name：The application’s name, which is also the name of its default page.
   2. Scenes：The platform on which the application is displayed (web or mobile).
   3. Organization：The organizational node where the application is displayed.
   4. Carousel：Enables or disables page carousel in the application. The default is off. When enabled, you can set the page polling interval, which defaults to 60 seconds.
3. Click the OK button：By default, a page is created in the current application, and this page is set as the application's homepage.

Enter the design page

1. Name of the page currently being edited
2. List of all pages in the app

2. Create a Page

1. Click the ➕ button to create a blank page. The default name is New Page.

3. Page List

The background color of the page currently being edited is highlighted.

The application home page is displayed at the top of the list by default and is marked with a green star.

3.1 Switch the Page Being Edited

1. Click the page name.
2. Confirm to open the page.

3.2 Set the App Home Page

1. Click the Set icon. Once complete, the home page will be displayed at the top of the list.

3.3 Edit the Page Name

1. Click the Edit Name icon and enter a new name.
2. Press Enter or click outside the field to save the name.

3.4 Delete a Page

⚠️ The application home page and the page currently being edited cannot be deleted; therefore, the Delete icon is not displayed for these pages.

1. Click the Delete icon.
2. Confirm the deletion of the page.

4. App Navigation Settings

Use the Open Link function under component interactions to navigate to a specific page in a specified application.

1. Select the button component.
2. Add a Click event under Interactions.
3. Select the Action [Open Link].
4. Select the Page source [Data Apps].
5. Select the type [Board Page].
6. Select the application (the target application).
7. Select the subpage (the page within the target application).

⚠️ Note: The target application will operate according to its own settings.

Example: If page rotation is enabled in the target application, navigation to a specified page in that application will initiate page rotation after the configured interval.