Component Description
Number:
MED0041 | Type:
Multimedia Text | Name:
Multimedia Text component/Combine display pictures with text - Style 41/Carousel Card Component
Description:
1. This is a multi-style image and text component. It is necessary to configure PC and mobile separately.
2. The author can configure five styles on the PC side, including:
* Full Page
* Left text right image
* Right text left image
* Bottom text top image
* Top text bottom image
2.2. The author can choose the height of the PC-side container, with a range of 50%~100%, The default height is 100%, Not available under Page Scrolling.
2.3. The author can configure different ratios of image to text, 1 ~ 4 Optional. The option of selecting 1 is not effective. The option of selecting “Full Page” is not effective.
3. The author can configure three styles on the Mobile side, including:
* Full Page
* Bottom text top image
* Top text bottom image.
4. Container height and graphic ratio settings are the same as those on the PC side.
5. Image and text be set to dynamic effects, including fade and float.
6. The author can set the text to be left-aligned or centered.
7. When selecting the ‘full page’ option, the author can select the position of the nine-grid. For mobile, three positions are available: top, middle, and bottom.
8. The author can select text colour and background. There are five color options for the background, including:
* White-black
* Black-white
* White-red
* White-grey-deep
* Black-grey-light
9. The author can customize and add buttons. The buttons can be arranged, and their transparency can be set. A maximum of two buttons can be added.
10. The author can add a Carousel Card, set images for both PC and mobile devices, and adjust the padding value of the images. The Carousel Card can be set to play automatically or manually, and if set to automatic, the time interval for each slide can be configured.
1. This is a multi-style image and text component. It is necessary to configure PC and mobile separately.
2. The author can configure five styles on the PC side, including:
* Full Page
* Left text right image
* Right text left image
* Bottom text top image
* Top text bottom image
2.2. The author can choose the height of the PC-side container, with a range of 50%~100%, The default height is 100%, Not available under Page Scrolling.
2.3. The author can configure different ratios of image to text, 1 ~ 4 Optional. The option of selecting 1 is not effective. The option of selecting “Full Page” is not effective.
3. The author can configure three styles on the Mobile side, including:
* Full Page
* Bottom text top image
* Top text bottom image.
4. Container height and graphic ratio settings are the same as those on the PC side.
5. Image and text be set to dynamic effects, including fade and float.
6. The author can set the text to be left-aligned or centered.
7. When selecting the ‘full page’ option, the author can select the position of the nine-grid. For mobile, three positions are available: top, middle, and bottom.
8. The author can select text colour and background. There are five color options for the background, including:
* White-black
* Black-white
* White-red
* White-grey-deep
* Black-grey-light
9. The author can customize and add buttons. The buttons can be arranged, and their transparency can be set. A maximum of two buttons can be added.
10. The author can add a Carousel Card, set images for both PC and mobile devices, and adjust the padding value of the images. The Carousel Card can be set to play automatically or manually, and if set to automatic, the time interval for each slide can be configured.
*
This webpage is intended for the reference of the website’s internal operations and maintenance personnel only.
* The detailed style presentation of the component is as follows.
* The detailed style presentation of the component is as follows.
▼
