After creating a program, we can continue to modify the layout. Here we take a program created from a template as an example.
The current state of the program is shown in the figure below:

We will illustrate with these two goals:

1. Add a sub-screen in area 1 to play videos;
2. Remove the scrolling text sub-screen in area 2;

Add Sub-screen

Click the add button at the end of the sub-screen list

Just like creating a program, sub-screens can also be copied using an ID, but this time the ID entered is the sub-screen ID, not the program ID. We will not demonstrate this here. Click "New" to create a sub-screen

The default sub-screen is located in the middle of the screen, and the size and position of the sub-screen can be adjusted in two ways:

1. Visual operation: Hold the small icon at the bottom right corner of the sub-screen to adjust the size of the sub-screen. Click other areas of the sub-screen to drag the sub-screen to the appropriate position;
2. Precise adjustment: If the dragging effect is not satisfactory, you can directly enter the starting values of width and height, which are defined as percentages;

This completes the operation of adding a sub-screen. Next, we need to add the materials to be displayed in this sub-screen. Please continue reading in the Material Editing section.
You can also further set the parameters of this sub-screen. Please continue reading in the Sub-screen Parameters Introduction section.

Delete Sub-screen

The deletion operation is very simple. First, select the sub-screen, then click the delete icon.
The deletion operation will delete the sub-screen and all materials under the sub-screen.