Card-deck widget

A card-deck widget contains collection of Card widgets.

Example

Properties

Property

Description

Data type

event

Name of event that fires when a user clicks the card.

string

id

Unique identifier of this widget.

string

navigationStyle

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"
                                    }
                                }
                            ]
                        }
                    ]
                }
            }
        }
    ]
}