Button Set

amx:selectOneButton

The Button Set component behaves as a toggle or radio control. One segment of the component can be selected at a time. This component has two styles: button and tab. The component has a few elements:

Appearance

Appearance characteristics for this component.

Behavior

Common behaviors for this component.

Usage

Usage guidelines for this component.

Sample

AMX sample code for this component.

<amx:selectOneButton label="Normal" id="sob1">
<amx:selectItem label="One" value="true"/>
<amx:selectItem label="Two"/>
<amx:selectItem label="Three"/>
</amx:selectOneButton>

<amx:selectOneButton label="Normal Vertical" id="sob1" layout="vertical">
<amx:selectItem label="One" value="true"/>
<amx:selectItem label="Two"/>
<amx:selectItem label="Three"/>
</amx:selectOneButton>

<amx:selectOneButton label="Disabled" id="sob2" disabled="true">
<amx:selectItem label="One"/>
<amx:selectItem label="Two" value="true"/>
<amx:selectItem label="Three"/>
</amx:selectOneButton>

<amx:selectOneButton label="Read-Only" id="sob3" readOnly="true">
<amx:selectItem label="One"/>
<amx:selectItem label="Two"/>
<amx:selectItem label="Three"/>
</amx:selectOneButton>


Related

Fig 1. iOS Button Set

 

Fig 2. Android Button Set

 

Fig 3. iOS Button Set: Tab Style

 

Fig 4. Android Button Set: Tab Style