Card widget
A card widget combines images, text, and a button to communicate information quickly and enable customers to make faster decisions.
Example
Properties
Property |
Description |
Data type |
---|---|---|
|
Optional buttons displayed in the card footer. These can be any button-item types, and they support the same values as those types. |
string |
|
Optional property for specifying card-image display format. Supported values are: Note: Displaying the |
enum |
|
Optional card subtitle text. Note: Relevant only if the value of |
string |
|
Optional card description text. Note: Relevant only if the value of |
string |
|
Optional card title text. Note: Relevant only if the value of |
string |
|
Optional text displayed in the header area. Note: Displaying the header hides |
string |
|
Unique identifier of this widget. |
string |
|
Optional listgroup displayed in the card body. |
string |
|
Width of the card, in pixels. |
integer |
type
|
Rich-media type, which is always Card . |
string |
cardImage Properties
cardImage property |
Description |
Data type |
---|---|---|
|
Position of the image relative to the parent card, which is one of: |
enum |
|
Card border radius, in pixels. |
integer |
|
Card box shadow, in pixels. |
integer |
|
Image height, in pixels. Required when either:
|
integer |
|
Position of the card image, which is one of: |
enum |
|
Padding around the image, in pixel. Tip: This is useful when |
integer |
|
Image URL. |
string (URL) |
|
Image width, in pixels. Required when card |
integer |
Context properties
Context property |
Description |
Data type |
---|---|---|
|
Separator between card buttons and body |
string |
|
Card border color, as a hex color code. |
string (hex color code) |
|
Border color indicating the user-selected card, as a hex color code. |
string (hex color code) |
|
Card background color, as a hex color code. |
string (hex color code) |
|
Header text color, as a hex color code. |
string (hex color code) |
|
Header background color, as a hex color code. |
string (hex color code) |
|
Title color, as a hex color code. |
string (hex color code) |
|
Subtitle size, in pixels |
integer |
|
Subtitle style |
string |
|
Body text color, as a hex color code. |
string (hex color code) |
|
Card text size, in pixels. |
integer |
|
Card text style. |
string |
|
Title color as a hex color code. |
string (hex color code) |
|
Title size, in pixels. |
integer |
|
Title style. |
string |