What is the Image Component?
The Image component can display images.
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 be displayed in a carousel.
What does it Look Like?
How to Set up?
Step 1 Adding Component
Select the Image component and drag it into the dashboard.
Step 2 Uploading Images
Clickto upload images. One Image component can support uploading at most 10 images.
Step 3 Setting a Filling Style
There are three ways to fill it:
Center
Fill
Stretch
Effects of different filling styles:
Step 4 Setting Display Content and Hyperlink
The Image component can also support adding a description and a link. Members can go to other pages by clicking the link.
Step 5 Enabling 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 the carousel:
Step 6 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 |
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.
I have finished reading. 🏆
👉I can't wait to Try for myself.
👉I need more HELP in Discord Forum.