Difference between revisions of "Component: Check Box ( 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;...") |
|||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
|- | |- | ||
| width="20%" style="color:gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| − | | | + | | 1.1 |
|- | |- | ||
| width="20%" style="color:gray;" | Category | | width="20%" style="color:gray;" | Category | ||
| Line 15: | Line 15: | ||
Creates a checkbox item to allow a user to toggle between on and off. | Creates a checkbox item to allow a user to toggle between on and off. | ||
| − | == | + | ==Version information== |
| − | + | Library Version, Component Version, Date, Author, Info | |
| + | 2, 1.1, 14-06-24, ST, Corrected the id tag of the html elements | ||
| + | |||
| − | |||
==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" | | + | | colspan="2" | Returns the current state of the checkbox (i.e. if it is selected or not) |
|- | |- | ||
|- | |- | ||
| Line 51: | Line 54: | ||
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetState''' | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetState''' | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Sets the current state of this checkbox |
|- | |- | ||
|- | |- | ||
| Line 57: | Line 60: | ||
| width="90%" | bState | | width="90%" | bState | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | The state to set |
|- | |- | ||
| 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;" | | + | | width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Check Box |
|- | |- | ||
|- | |- | ||
| Line 79: | Line 82: | ||
| width="90%" | Checked | | width="90%" | Checked | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | The initial state of the checkbox |
|- | |- | ||
| 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" | | + | | colspan="2" | The label for the checkbox |
|- | |- | ||
| 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" | | + | | colspan="2" | The macro to call when the user clicks this checkbox |
|- | |- | ||
| 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 102: | Line 105: | ||
| 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" | The font size in pixels | | colspan="2" | The font size in pixels | ||
| Line 113: | Line 111: | ||
| width="90%" | Bold | | width="90%" | Bold | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Make the caption text bold |
|- | |- | ||
| 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" | | + | | colspan="2" | Make the caption text italicised |
|- | |- | ||
| 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" | | + | | colspan="2" | Make the caption text underlined |
|- | |- | ||
| 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" | | + | | colspan="2" | Make the caption text crossed-out |
|- | |- | ||
| 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 151: | Line 149: | ||
| width="90%" | Custom Attributes | | width="90%" | Custom Attributes | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | 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: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_CheckBox.fcsx FC_Comp_Source_WEBEXP_CheckBox.fcsx] | ||
| + | |||
| + | Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_CheckBox.fcsx FC_Comp_Source_WEBEXP_CheckBox.fcsx] | ||
Latest revision as of 08:48, 21 June 2024
| Author | MatrixTSL |
| Version | 1.1 |
| Category | Control |
Contents
Check Box component
Creates a checkbox item to allow a user to toggle between on and off.
Version information
Library Version, Component Version, Date, Author, Info 2, 1.1, 14-06-24, ST, Corrected the id tag of the html elements
Detailed description
No detailed description exists yet for this component
Examples
No additional examples
Macro reference
GetState
|
GetState |
| Returns the current state of the checkbox (i.e. if it is selected or not) | |
 - BOOL
|
Return |
SetState
|
|
SetState |
| Sets the current state of this checkbox | |
| - BOOL
|
bState |
| The state to set | |
 - VOID
|
Return |
Property reference
|
Properties |
|
Check Box |
|
Checked |
| The initial state of the checkbox | |
|
Text |
| The label for the checkbox | |
|
OnClick Macro |
| The macro to call when the user clicks this checkbox | |
|
|
Style |
|
Font |
| Specifies the font style for the item | |
|
Font Size |
| The font size in pixels | |
|
|
Bold |
| Make the caption text bold | |
|
|
Italic |
| Make the caption text italicised | |
|
|
Underline |
| Make the caption text underlined | |
|
|
Strikethrough |
| Make the caption text crossed-out | |
|
|
Colour |
|
Text |
| Specifies the font colour for the item | |
|
|
Background |
| Specifies the background colour value | |
|
|
Advanced |
|
|
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_CheckBox.fcsx
Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_CheckBox.fcsx
