Difference between revisions of "Component: Radio Button ( Control)"

From Flowcode Help
Jump to navigationJump to search
(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;...")
 
 
(2 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
|-
 
|-
 
| width="20%" style="color:gray;" | Version
 
| width="20%" style="color:gray;" | Version
−
| 0.1
+
| 1.1
 
|-
 
|-
 
| width="20%" style="color:gray;" | Category
 
| width="20%" style="color:gray;" | Category
Line 15: Line 15:
 
Creates a radio button item that can be grouped with other radio buttons to create a  user selectable input.
 
Creates a radio button item that can be grouped with other radio buttons to create a  user selectable input.
  
−
==Component Source Code==
+
==Version information==
  
−
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]
+
Library Version, Component Version, Date, Author, Info
 +
2, 1.1, 14-06-24, ST, Corrected the id tag of the html element
 +
  
−
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==
 
==Detailed description==
Line 28: Line 29:
  
 
''<span style="color:red;">No additional examples</span>''
 
''<span style="color:red;">No additional examples</span>''
 +
 +
  
 
==Macro reference==
 
==Macro reference==
Line 37: Line 40:
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetState'''
 
| 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 54:
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetState'''
 
| 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 60:
 
| width="90%" | bState
 
| 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
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
Line 73: Line 76:
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
| 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 82:
 
| width="90%" | Checked
 
| 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="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 
| width="90%" | Text
 
| width="90%" | Text
 
|-
 
|-
−
| colspan="2" | &nbsp;
+
| colspan="2" | The caption text&nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 
| width="90%" | Group Name
 
| 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="10%" align="center" | [[File:Fc9-type-24-icon.png]]
 
| width="90%" | OnClick Macro
 
| 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]]
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
Line 107: Line 110:
 
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 
| width="90%" | Font Size
 
| width="90%" | Font Size
−
|-
 
−
| colspan="2" | &nbsp;
 
−
|-
 
−
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 
−
| width="90%" | Font size
 
 
|-
 
|-
 
| colspan="2" | The font size in pixels&nbsp;
 
| colspan="2" | The font size in pixels&nbsp;
Line 118: Line 116:
 
| width="90%" | Bold
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Italic
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Underline
 
| 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="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Strikethrough
 
| 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]]
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
Line 142: Line 140:
 
| width="90%" | Text
 
| 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]]
 
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
Line 156: Line 154:
 
| width="90%" | Custom Attributes
 
| 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;
 
|}
 
|}
 +
 +
==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]

Latest revision as of 10:15, 17 June 2024

Author MatrixTSL
Version 1.1
Category Control


Radio Button component

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

Version information

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


Detailed description

No detailed description exists yet for this component

Examples

No additional examples


Macro reference

GetState

Fc9-comp-macro.png GetState
Returns true if this radio button is currently selected 
Fc9-bool-icon.png - BOOL Return


SetState

Fc9-comp-macro.png SetState
Sets this radio button to be selected or unselected 
Fc9-bool-icon.png - BOOL bState
The state to set this radio button to 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Radio Button
Fc9-type-7-icon.png Checked
The default state of the radio button 
Fc9-type-10-icon.png Text
The caption text 
Fc9-type-10-icon.png Group Name
Set the group name (radio buttons with the same group name will be mutually exclusive) 
Fc9-type-24-icon.png OnClick Macro
The macro to call when the user clicks this radio button 
Fc9-conn-icon.png Style
Fc9-type-3-icon.png Font
Specifies the font style for the item 
Fc9-type-21-icon.png Font Size
The font size in pixels 
Fc9-type-7-icon.png Bold
Make the caption text bold 
Fc9-type-7-icon.png Italic
Make the caption text italicised 
Fc9-type-7-icon.png Underline
Make the caption text underlined 
Fc9-type-7-icon.png Strikethrough
Make the caption text crossed-out 
Fc9-conn-icon.png Colour
Fc9-type-2-icon.png Text
Specifies the font colour value 
Fc9-type-2-icon.png Background
Specifies the background colour value 
Fc9-conn-icon.png Advanced
Fc9-type-10-icon.png Custom Attributes
Text here will be added to the html tag of this component to allow advanced customisation 

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_Radio.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_Radio.fcsx

Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Radio_Button_(_Control)&oldid=40849"