choiceBox tag

Presentation container tag

Displays a round choice box. Choice boxes in the same group let the user pick one option out of several.

Sample usage

<small:choiceBox group=1 state=true {Small}> displays a selected choice box labelled Small.
<large:choiceBox group=1 {Large}> displays a second option in the same group.

Fields

Primary field

Presentation container field

The label displayed next to the choice box.

Secondary fields

group: (scalar field) a number identifying the group. Selecting one choice box deselects the others with the same group number.
state: (scalar field) true if this choice box is selected.
onClick: (code field) carried out when the user clicks the choice box. The state fields of the group already hold their new values when this code runs.

Standard presentation fields:
align field
backgroundColor field
bold field
border field
borderBottom field
borderColor field
borderLeft field
borderRight field
borderStyle field
borderTop field
bottom field
color field
editable field
focus field
focusOrder field
font field
height field
hotKey field
inline field
italic field
layer field
left field
margin field
marginBottom field
marginLeft field
marginRight field
marginTop field
onContextClick field
onFocus field
onInput field
onKeyDown field
onKeyPress field
onKeyUp field
onMouseDown field
onMouseIn field
onMouseMove field
onMouseOut field
onMouseUp field
pivot field
right field
rotate field
scroll field
scrollPos field
selectable field
spacing field
spacingBottom field
spacingLeft field
spacingRight field
spacingTop field
top field
transition field
underline field
visible field
width field
wrap field

Behaviour

At most one choice box in each group is selected at a time. Clicking an unselected choice box selects it and deselects the previously selected one in the same group.

Example

<s:choiceBox group=1 state=true onClick=<putLn {/size small}> {Small}>
<l:choiceBox group=1 onClick=<putLn {/size large}> {Large}>