Button Group

Buttons can be grouped with the <tc:buttons/> tag. Just add some <tc:button/> tags.

Tag Library Documentation: <tc:buttons/> | <tc:button/>

Basics

A simple example with three buttons.

<tc:buttons> <tc:button label="Left"/> <tc:button label="Center"/> <tc:button label="Right"/> </tc:buttons>

Default Button

It is also possible to set a default button.

<tc:buttons> <tc:button label="Left" defaultCommand="true"/> <tc:button label="Center"/> <tc:button label="Default"/> </tc:buttons>

Split buttons

A dropdown button can also be placed in a <tc:buttons/> tag to create a split button.

<tc:buttons> <tc:button label="Primary" markup="primary"/> <tc:button omit="true" markup="primary"> <tc:link label="Entry 1"/> <tc:link label="Entry 2"/> <tc:link label="Entry 3"/> </tc:button> </tc:buttons>

Vertical

Vertical link group.

<tc:buttons orientation="vertical"> <tc:button label="Left"/> <tc:button label="Center"/> <tc:button label="Right"/> </tc:buttons>

Disable

This example shows how to disable all buttons in a button group. It's also possible to set disable to false e.g. for one button.