iframe Layout Box
The iframe layout box is used to display a page in an area of a large screen. It loads page content from various domain names in different regions and refreshes in seconds without disrupting other widgets, thus enhancing the overall visual display. Furthermore, fault isolation is enabled among widgets, which effectively improves the reliability of large screen displays.
On the large screen design page, choose All > Others and drag the iframe layout box widget to the blank area of the canvas, as shown in Figure 1.
Card
A card wraps a chart widget. A widget consists of card elements (card title, chart, card background, and card border) and chart elements.

- Background
- Background color: Background color of the widget card.
- Border: Border of the widget card. Options: no border, full border, and corner border. For full border and corner border, you can set the line type and rounded corners of the outer border of the widget.
- Style: Image display style. The options are normal, center, stretch, and tiled.
- Choose image: Use a local image as the widget background. Directories and subdirectories can be added to facilitate image management by category. JPG, JPEG, PNG, or GIF images are recommended. The size of each image cannot exceed 50 MB.
- Special effect: Widget highlighted status. Displayed by default or on page load.
- Padding: Distance between the chart and the four sides (top, bottom, left, and right) of the widget (see Figure 2). The default value is 0, indicating that the chart spreads across the widget.
Configuration
In the configuration, set other embedded pages or external pages of the project. By virtualizing the embedded page into different domain names, the loading speed of the entire page is improved.

- Page switching
You can enable the page switching function to display multiple pages via a carousel. When enabled, configure the display duration for each page.
- Page editing
Click
after page switch to add a page to be displayed in the widget area. You can select other large screen pages and external pages in the project.
Interaction
In the interaction settings, you can configure interactions between the iframe layout box widget and other widgets and pages. For details, see Interaction Configuration.
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot