Card-deck widget
A card-deck widget contains collection of Card widgets.
Example
Properties
Property |
Description |
Data type |
---|---|---|
|
Name of event that fires when a user clicks the card. |
string |
|
Unique identifier of this widget. |
string |
|
Allows to change the default navigation style. Allowed value is "dot" |
string |
type
|
Rich-media type, which is always CardDeck . |
string |
Code sample
var obj = {
"widgetType": "form",
"nodes":
[{
"id": "widget1",
"controls": {
"0": {
"type": "CardDeck",
"id": "dec1",
"cards": [{
"type": "Card",
"cardTitle": "Card title",
"cardSubTitle": "Card subtitle",
"cardText": "lorrel ipsum lorrel ipsum lorrel ipsum lorrel ",
"cardImage": {
"src": "https://via.placeholder.com/400x200",
"position": "top"
},
"cardButtons": [{
"type": "ToggleButton",
"id": "button13",
"context": "secondary",
"text": "Cancel",
"size": "large",
"event": {
"name": "eventtoggle"
}
}
]
}, {
"type": "Card",
"cardTitle": "Card title",
"cardSubTitle": "Card subtitle",
"cardText": "lorrel ipsum lorrel ipsum lorrel ",
"cardImage": {
"src": "https://via.placeholder.com/400x200",
"position": "top"
},
"cardButtons": [{
"type": "ToggleButton",
"id": "button15",
"context": "secondary",
"text": "Cancel",
"size": "large",
"event": {
"name": "eventtoggle"
}
}
]
}, {
"type": "Card",
"cardTitle": "Card title",
"cardSubTitle": "Card subtitle",
"cardText": "lorrel ipsum lorrel ipsum lorrel ipsum lorrel ",
"cardImage": {
"src": "https://via.placeholder.com/400x200",
"position": "top"
},
"cardButtons": [{
"type": "ToggleButton",
"id": "button13",
"context": "secondary",
"text": "Cancel",
"size": "large",
"event": {
"name": "eventtoggle"
}
}
]
}
]
}
}
}
]
}