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