Component: Radio Button ( Control) - Revision history

SteveT: added example

2026-04-28T17:08:17Z

added example

Wiki bot at 08:58, 27 April 2026

2026-04-27T08:58:30Z

Wiki bot at 10:15, 17 June 2024

2024-06-17T10:15:25Z

Wiki bot at 10:13, 17 June 2024

2024-06-17T10:13:33Z

Wiki bot at 15:07, 5 December 2023

2023-12-05T15:07:38Z

Wiki bot: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;..."

2023-11-27T14:10:41Z

Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;..."

New page

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 0.1
|-
| width="20%" style="color:gray;" | Category
| Control
|}

==Radio Button component==
Creates a radio button item that can be grouped with other radio buttons to create a user selectable input.

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Radio.fcsx FC_Comp_Source_WEBEXP_Radio.fcsx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Radio.fcsx FC_Comp_Source_WEBEXP_Radio.fcsx]

==Detailed description==

''No detailed description exists yet for this component''

==Examples==

''<span style="color:red;">No additional examples</span>''

==Macro reference==

===GetState===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetState'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetState===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetState'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | bState
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | CheckBox
|-
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Checked
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Text
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Group Name
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-24-icon.png]]
| width="90%" | OnClick Macro
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
|-
|-
| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
| width="90%" | Font
|-
| colspan="2" | Specifies the font style for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Font Size
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Font size
|-
| colspan="2" | The font size in pixels 
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Bold
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Italic
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Underline
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Strikethrough
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Colour
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Text
|-
| colspan="2" | Specifies the font colour for the item 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Background
|-
| colspan="2" | Specifies the background colour value 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Custom Attributes
|-
| colspan="2" |  
|}

@@ Line 5: / Line 5: @@
 |-
 | width="20%" style="color:gray;" | Version
-| 1.1
+| 1.2
 |-
 | width="20%" style="color:gray;" | Category
@@ Line 19: / Line 19: @@
   Library Version, Component Version, Date, Author, Info
 , 1.1, 14-06-24, ST, Corrected the id tag of the html element

← Older revision		Revision as of 10:15, 17 June 2024
Line 18:		Line 18:

	Library Version, Component Version, Date, Author, Info		Library Version, Component Version, Date, Author, Info
		+	2, 1.1, 14-06-24, ST, Corrected the id tag of the html element

@@ Line 14: / Line 14: @@
 ==Radio Button component==
 Creates a radio button item that can be grouped with other radio buttons to create a  user selectable input.
 ==Version information==
@@ Line 26: / Line 27: @@
 ''No detailed description exists yet for this component''
 ==Examples==
-''<span style="color:red;">No additional examples</span>''
+===BasicControls example===

@@ Line 28: / Line 28: @@
 ''<span style="color:red;">No additional examples</span>''
 ==Macro reference==
@@ Line 37: / Line 39: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetState'''
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Returns true if this radio button is currently selected&nbsp;
 |-
 |-
@@ Line 51: / Line 53: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetState'''
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Sets this radio button to be selected or unselected&nbsp;
 |-
 |-
@@ Line 57: / Line 59: @@
 | width="90%" | bState
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The state to set this radio button to&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
@@ Line 73: / Line 75: @@
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | CheckBox
+| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Radio Button
 |-
 |-
@@ Line 79: / Line 81: @@
 | width="90%" | Checked
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The default state of the radio button&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 | width="90%" | Text
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The caption text&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 | width="90%" | Group Name
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Set the group name (radio buttons with the same group name will be mutually exclusive)&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-24-icon.png]]
 | width="90%" | OnClick Macro
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The macro to call when the user clicks this radio button&nbsp;
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
@@ Line 107: / Line 109: @@
 | width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 | width="90%" | Font Size
 |-
 | colspan="2" | The font size in pixels&nbsp;
@@ Line 118: / Line 115: @@
 | width="90%" | Bold
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text bold&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Italic
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text italicised&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Underline
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text underlined&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Strikethrough
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Make the caption text crossed-out&nbsp;
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
@@ Line 142: / Line 139: @@
 | width="90%" | Text
 |-
-| colspan="2" | Specifies the font colour for the item&nbsp;
+| colspan="2" | Specifies the font colour value&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
@@ Line 156: / Line 153: @@
 | width="90%" | Custom Attributes
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Text here will be added to the html tag of this component to allow advanced customisation&nbsp;
 |}