Button Group

Container component for grouping buttons.

Demo

Basic example

{ "type": "buttonGroup", "alignment": "right", "buttonDefinitions": [ { "type": "scriptButton", "extraSettings": { "text": "Button 1", "script": "test 1" } }, { "type": "scriptButton", "extraSettings": { "text": "Button 2", "script": "test 2" } } ] }

Attributes

Attribute	Type	Description
type	string	Type expected is buttonGroup.
alignment	string	Accepted values are: left, right or center.
buttonDefinitions	Object[]	Array of button definitions.

See section Common attributes.

Extra attributes

Not used

Events

Event	When	Additional	Cancellable
Button.click	Any button is clicked	Definition + State	Yes

See section Events for more information.

When to use it

Use it to align a group of buttons anywhere inside the form. It can be helpful to escape from the 12 column layout for button bars.

There's a separate button group component to show the main buttons of a user task form (save, complete, and so on). For this use, please see the Outcome Button Group component.