|
|
The Radio Button object is an app layout object found in the input .
|
Attributes
|
|
The Attributes section includes the object name and caption text.
|
Name
|
Enter a name for the object. This is the name of the object as it will show in field chooser, the Navigation panel and other object lists.
|
Caption
|
Enter the label text to be shown to the right of the radio button.
|
|
|
We strongly recommend that each input object is given a suitable and unique name that reflects the data that will be held within it. The object name will, very likely, be referred to when adding behavior and workflow logic as well as when designing reports.
|
|
Behaviors
|
|
The Behavior section lists possible events on the object that can prompt a behavior to run.
|
Radio Button changes field data
|
This event occurs when the selection changes in the radio button object.
|
|
This can occur when a user selects the radio button, or if the radio button is already selected and the user selects a different radio button in the same group as this will deselect the currently selected radio button.
|
|
Radio Button Gains Focus
|
This event occurs when the radio button object becomes the active field.
|
Radio Button Loses Focus
|
This event occurs when the radio button object is exited.
|
Radio Button is Clicked
|
This event occurs when an app user clicks on the radio button object.
|
|
This event is different than Radio Button Gains Focus in that the app user must mouse-click on the object in order for the event to occur and any linked behavior commands to run.
|
|
Radio Button is Shown
|
This event occurs when the radio button object is shown.
|
|
Settings
|
|
The settings section includes the option to pre-check the radio button, positioning, tabbing, tool-tip and accessibility.
|
Radio Button Settings
|
Object
|
Details
|
Additional Information
|
Selected
|
Choose the default value of the radio button by selecting or clearing this check box.
|
|
|
Only one radio button can be selected from within a group.
|
|
Value
|
Choose a value that will be associated with the selected radio button.
|
The value, along with the caption, of a radio button can be used as an attribute in behavior and reporting.
|
Autofill
|
The autofill feature permits compliance with WCAG 2.1
|
The default value of 'On' will allow the field to auto-populate with frequently used data recorded in the app users browser.
|
Position
|
Top
|
Displays the object's location in from the top of the app (in pixels).
|
|
Left
|
Displays the object's location in from the left margin of the app (in pixels).
|
|
Width
|
Shows the width of the object.
|
|
Height
|
Shows the height of the object.
|
The minimum height is determined by the font size and the radio button and cannot be less than 16px.
|
Layer
|
Indicates the layer number this object occupies. You can drag an object so that it fully or partially covers another object. Depending on the layer number it occupies, it may be positioned underneath another other object.
|
|
Tabbing
|
Tab Index
|
Indicates the order in the tabbing sequence that this object will be arrived at when the app user is using their Tab key to navigate through the app fields.
|
Tab Index
|
Tab Stop
|
Clear this check box to exclude the object from the tab order altogether.
|
|
Tooltip
|
Enter tooltip text to show to an app user when they hover their mouse over the object.
|
|
Accessibility
|
Same As Caption
|
App users accessing the app with the JAWS accessibility tool will be read the caption of the check box.
|
Accessibility and JAWS Compatibility
|
|
Style
|
|
The Style section contains properties that control the font appearance and theme applied to the object.
|
Text
|
Object
|
Details
|
Additional Information
|
|
|
Select the font face for the caption text.
|
Fonts from the designers local machine will also be available provided the option to Use Custom Font has been selected in the Account Settings, however if the same font is not installed on the users machine then a standard font will be used to display the data.
|
|
|
Choose the size of the font for the caption text.
|
Manually enter font sizes smaller than the minimum selectable in the drop-down.
|
Normal
|
Enter a Hex color code or click on the color box to pick a default color for the caption text.
|
|
|
|
Choose the style of the font for the caption text.
|
|
Mouse Over
|
Enter a Hex color code or click on the color box to pick a color for the caption text to change to when an app user mouses over it.
|
|
Background
|
|
|
Choose a color for the background of the radio button, or select transparent.
|
|
Use App Theme
|
|
|
Resets the appearance options to the default settings configured on the app's Theme properties.
|
Applying or Resetting a Theme
|
|
To return to the Radio Button object details CLICK HERE.
