Add and manage image controls on a data visualization screen.
Prerequisites
A visualization screen is created. For more information, see Create a Data Visualization Screen.
Add Image Control
On the dashboard edit page, click Media in the top navigation bar to add an image widget.
Image Style Configuration
Location and size
Configure the following settings in the configuration section:
-
Alignment: Set the component to left-aligned, centered, or right-aligned.
-
Position: Use the upper-left corner as the origin and set the X and Y values to adjust the position.
-
Rotation: Set the rotation angle.
-
Size: Set the W and H values to adjust the width and height.
-
Lock: Lock the component to prevent changes to its size and position.
Image source
-
Materials: Select from built-in materials such as Head Decoration, Block Border, line separator, and Flip Background.
-
Custom Image: Click Upload Local Image to upload a local image.
ImportantCustom images can only be in the JPG, PNG, or GIF format. The maximum size is 1 MB.
-
Display Mode: Configure the display ratio and position of the image on the dashboard.
Styles
Configure image transparency, background padding, and background blur:
-
Transparency: Adjust the transparency of the image widget.
-
Background: Set the background padding and blur degree of the image widget.
