Page Editor

How it works

The Page Editor is where you build and configure an application page. It is organized into three main areas:

1. Editor Menu (Top)

Select the editor mode for the current page

• UI: Edit the visual canvas of the page. See documentation.
• Data Flow: Edit the data logic of the page. See documentation.
• Settings: Edit page meta data such as router path or page name. See documentation.

2. Page Tree (Right)

It displays the app's page structure. You can:

• View all pages in the app.
• Navigate between pages.
• Create or delete pages.
• See page routes (e.g., /home, /device/monitoring).

3. Editor (Center)

Display the active mode editor.

Typical Workflow

1. Select a page from the Pages panel.
2. Design the layout in UI mode.
3. Bind data in Data Flow mode.
4. Finalize configuration in Settings mode.
5. Preview and iterate.