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;...")
 
Line 28: Line 28:
  
 
''<span style="color:red;">No additional examples</span>''
 
''<span style="color:red;">No additional examples</span>''
 +
 +
  
 
==Macro reference==
 
==Macro reference==
Line 37: Line 39:
 
| 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 53:
 
| 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 59:
 
| 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 75:
 
|-
 
|-
 
| 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 81:
 
| 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 109:
 
| 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 115:
 
| 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 139:
 
| 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 153:
 
| 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;
 
|}
 
|}

Revision as of 15:07, 5 December 2023

Author MatrixTSL
Version 0.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.

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

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 
Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Radio_Button_(_Control)&oldid=40194"