Application Template Demo

1. Create Page

1.1 Creating Page Without Using Template

1. Click the Add button
2. Fill in the board content
3. Click the OK button

1.2 Creating Page Using Template

1.2.1 Using Other Boards as Templates to Create Pages

1. Click the Add button
2. Click the existing board option
3. Choose another board as a template
4. Fill in the board content
5. Click the OK button

1.2.2 Creating Page Using System-provided Template

1. Click the Add button
2. Click the system option
3. Select system template
4. Fill in the board content
5. Click the OK button

Enter the design page

1. Click the "Design" button to enter the design page.

2. Import the Template into the Board.

2.1 Application Templates Provided by the System

Select the template provided by the system.

1. Click the System button in the template bar to open the system template library.
2. Select the desired template
3. Click the OK button

Template application complete

2.2 Use other Boards as Template

Download other boards

1. Click the download button on other board pages
2. Enter the name after downloading the board.
3. Click the OK button

Other board have been downloaded.

Import downloaded boards

1. Click the Import button in the template bar.
2. Select the board you want to import.
3. Click the OK button

Importing other board complete

3. Data Configuration

Configure the corresponding data source for the component.

For detailed configuration, please refer to Configure Data Source

For configuration examples, please refer to Device Monitor and Statistics Case

3.1 Configure Real-time Data

Taking outdoor humidity as an example

1. Select the component to be configured
2. Click the data source icon to open the data source configuration window.

1. Select the interface data source
2. Select the system type
3. Select data source [Real-time IX values]
4. Select the device IX [outdoor_RH]
5. Click the OK button

3.2 Configure Resume Data

Taking outdoor humidity line graph as an example

1. Select the component to be configured
2. Click the data source icon to open the data source configuration window.

1. Select the interface data source
2. Select the Custom Type
3. Select data source [Test31Days]
4. Click the "Add" button to open the data conversion configuration window.
5. Fill in the conversion indicators and conversion methods.
6. Click the OK button
7. Select the data refresh frequency and enter the frequency time.
8. Click the OK button

1. Configure the display of components

Final rendering