Difference between revisions of "Component: Check Box ( Control)"
From Flowcode Help
Jump to navigationJump to search (added example) |
|||
| (One intermediate revision by one other user not shown) | |||
| Line 5: | Line 5: | ||
|- | |- | ||
| width="20%" style="color:gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| − | | 1. | + | | 1.2 |
|- | |- | ||
| width="20%" style="color:gray;" | Category | | width="20%" style="color:gray;" | Category | ||
| Line 14: | Line 14: | ||
==Check Box component== | ==Check Box component== | ||
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== | ==Version information== | ||
| Line 19: | Line 20: | ||
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 elements | 2, 1.1, 14-06-24, ST, Corrected the id tag of the html elements | ||
| + | 3, 1.2, 20-04-26, ST, Resizing no longer distorts the square shape | ||
| Line 25: | Line 27: | ||
''No detailed description exists yet for this component'' | ''No detailed description exists yet for this component'' | ||
| + | |||
==Examples== | ==Examples== | ||
| − | + | ===BasicControls example=== | |
| + | This simple example shows how to sue some basic controls in a Web Developer project. | ||
| + | |||
| + | {{Fcfile|BasicControls.fcweb|BasicControls.fcweb}} | ||
| + | The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/BasicControls.html BasicControls Example] | ||
Latest revision as of 17:06, 28 April 2026
| Author | MatrixTSL |
| Version | 1.2 |
| 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 3, 1.2, 20-04-26, ST, Resizing no longer distorts the square shape
Detailed description
No detailed description exists yet for this component
Examples
BasicControls example
This simple example shows how to sue some basic controls in a Web Developer project.
The web app created by this example can be viewed here: BasicControls Example
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
