Button-group widget

The button-group widget is a collection of Button widgets.

Properties

Property

Description

Data type

horizontalSeparator

Separator between buttons.

string

id

Unique identifier of this widget.

string

items

Array of buttons.

string

layout

Layout, which is either: vertical | horizontal.

enum

topSeparator

Indicates whether top separator is needed.

Boolean
type Rich-media type, which is always ButtonGroup. string

verticalSeparator

Width of separator between buttons, in pixels.

integer

Code samples

var obj = {
    "widgetType": "form",
    "widgetView": "inline",
    "nodes":
    [{
            "id": "view1",
            "controls": {
                "0": {
                    "type": "ButtonGroup",
                    "topSeparator": true,
                    "horizontalSeparator": true,
                    "items": [{
                            "type": "Button",
                            "id": "but1",
                            "context": "light",
                            "text": "submit",
                            "style": "block"
                        }, {
                            "type": "Button",
                            "id": "but2",
                            "context": "light",
                            "text": "cancel",
                            "style": "block"
                        }, {
                            "type": "Button",
                            "id": "but3",
                            "context": "light",
                            "text": "cancel",
                            "style": "block"
                        }
                    ]

                }
            }
        }
    ],
    "transitions": [

    ],

    "initialView": "view1"
}
var obj =
    "widgetType": "form",
"widgetView": "inline",
"nodes":
[{
        "id": "view1",
        "controls": {
            "0": {
                "type": "ButtonGroup",
                "items": [{
                        "type": "Button",
                        "id": "but1",
                        "context": "secondary",
                        "text": "submit",
                        "style": "block",
                        "event": {
                            "name": "fire1"
                        }
                    }, {
                        "type": "Button",
                        "id": "but2",
                        "context": "secondary",
                        "text": "cancel",
                        "style": "block",
                        "event": {
                            "name": "fire2"
                        }
                    }, {
                        "type": "Button",
                        "id": "but3",
                        "context": "secondary",
                        "text": "cancel",
                        "style": "block",
                        "event": {
                            "name": "fire2"
                        }
                    }
                ]

            }
        }
    }
],
"transitions": [

],

"initialView": "view1"
}