Image Component
Introduction
Feature Overview
The Image component can display images.
Scenario
Using Image to display design pictures, product pictures, workflow charts, maps, and so on.
It can help display data more directly and vividly. Customers can better understand information. What is more, images can display in carousel.
Preview
Setup Steps
Adding Component
Select the Image component and drag it into the dashboard.
Uploading Images
Click 
Setting a Filling Style
There are three ways to fill:
- Center
- Fill
- Stretch
Effects of different filling styles:
Setting Display Content and Hyperlink
The Image component can also support adding description and a link. Members can go to other pages by clicking the link.
Image Carousel
When there are two, or more than two images added in the component, you can enable Image Carousel, and set Interval.
The setting allows the images to take turns displaying automatically:
You can switch the displaying image during carousel:
Adjusting Component Size
The size of the image component can be adjusted according to your needs:
Device | Default Size | Minimum Size | Maximum Size |
PC | Width: 20/60 rows, Height: 15 grids | Width: 2/60 rows, Height: 2 grids | Width: 60/60 rows, Height: 60 grids |
Mobile | Width: 6/6 rows, Height: 4 grids | Width: 3/6 columns, Height: 1 grids | Width: 6/6 columns, Height: 10 grids |
Demonstration
For details about the effect, see the Preview section.
Notes
1. Only JPG, JPEG, PNG, and GIF formats are supported in Image component.
2. The size of an image can be at most 5 MB.
3. One Image component can support uploading at most 10 images.