Use the Radio Button Group Web component when you would like to
ensure that no more than one value can be selected from a list of values.
For example, your input form might ask the user if they are between the ages
of 11-20, 21-30 or 31-40. A radio button group would only allow one value
to be selected. Radio button groups are similar to combo boxes in that only
one from a set of values can be selected.
General tab (iwcl:WRadioButtonGroup)
- Name
- Enter a unique identifier for the IBM® i Web component. Do not use blanks or hyphens in a name. See Rules for IBM i Web component names and values.
- See Text string substitution for IBM i Web component labels for
information about externalizing text strings for text substitution purposes.
- Layout
- Available settings are Vertical and Horizontal.
- Vertical
- Indicates that the radio buttons are arranged in a vertical line on the
page.
- Horizontal
- Indicates that the radio buttons are arranged in a horizontal line on
the page.
- Initial state
- Select Disabled or Hidden,
or both.
- Disabled
- Indicates that the Web component is not available for use.
- Hidden
- Indicates that the Web component is not visible on the page.
- Orientation
- Select the value to indicate the direction of the text and the alignment
of the Web component on the page. The possible values are Default, Left-to-right,
or Right-to-left.
- Default
- Specifies that the text direction and the alignment of the Web component
on the page are inherited from the containing element.
For example, if the
Web component is inserted in a form, and the form's orientation is specified
as Right-to-left, then the orientation for the Web
component is also Right-to-left.
The default
is Left-to-right.
- Left-to-right
- Specifies that the text direction is left-to-right, and that the Web component
is left-aligned on the page. This value overrides the inherited value.
- Right-to-left
- Specifies that the text direction is right-to-left, and that the Web component
is right-aligned on the page. This value overrides the inherited value.
- Tool tip
- Enter the description to be displayed when the mouse pointer is on the
Web component.
- See Text string substitution for IBM i Web component labels for
information about externalizing text strings for text substitution purposes.
- Access key
- Specify a character to be associated with a shortcut key that a user selects
to bring focus to the Web component.
- Tab index
- Enter a number for the tab order of the Web component that is created.
For example, a value of 1 means that this Web component is the first object
to receive focus in the tab sequence.
- Label
- Enter a caption for the Web component.
- See Text string substitution for IBM i Web component labels for
information about externalizing text strings for text substitution purposes.
- Label position
- Specify the position of the caption by selecting either Top or Left.
- Top
- Places the caption above the Web component.
- Left
- Places the caption to the left of the Web component when the orientation
is specified as Left-to-right. If the orientation is Right-to-left,
the caption is placed to the right of the Web component.
Data tab
- Delimiter
- Enter the character used to delimit the values of options in the Web component.
The default character is a semicolon.
- Name
- Enter a name to associate with the assigned value. The name is the actual
text shown in the radio button. When the user selects this name, the value
associated with it is sent to the program.
- See Text string substitution for IBM i Web component labels for
information about externalizing text strings for text substitution purposes.
- Value
- Enter the value that is sent to the program when the user selects the
associated name. Note that the length of the value cannot be specified. When
you define the parameter in your procedure to map the value, ensure that it
is defined long enough to contain the longest value. The value is trimmed
to the parameter length.
When the radio button group is linked to an input
parameter, the value of the checked radio button is passed as the value of
the input parameter. When the radio button group is linked to an output parameter,
the value of the output parameter is compared to the values defined in the
radio button group. When a match is found, the corresponding radio button
will be checked when the page is displayed.
Also note that the value
cannot contain the delimiter character defined in the Delimiter field.
- Selected
- The default is False, which indicates that a radio
button is not pre-selected. To change the value to True,
which indicates that a radio button is pre-selected, click the Selected field
for the item and select True from the list. Only one
item can have a value of True.
- Add
- To add an option, click Add and enter a name and
value in the respective fields. The values for the selected status are False and True.
The default is False.
- Remove
- To delete an option from the list of options, select the option then click Remove.
- Up
- To move an option upwards in the list of options, select the option then
click Up.
- Down
- To move an option downwards in the list of options, select the option
then click Down.
Events tab
- Events
- Choose any of the events in the list and use the JavaScript language
to code an action for that event in the Script field. For example,
if you select OnBlur , you might code the script alert("not
applicable");. For a brief description of the events that apply
to this Web component, see Web
component events.
Styles tab
The Styles tab contains inline
style options for the
IBM i Web
component.
- Inline Style
- Select the Fonts, Font styles, Background
Color, and Text layout buttons to open
the respective style definition windows. Use each window to select the options
that you want to apply to the IBM i Web
component.