Component: Check Box ( Control): Difference between revisions

Latest revision as of 14:36, 13 July 2026

Author	MatrixTSL
Version	1.3
Category	Control

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
4, 1.3, 17-06-26, ST, Text is now grey when disabled

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.

BasicControls.fcweb

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

@@ Line 5: / Line 5: @@
 |-
 | width="20%" style="color:gray;" | Version
-| 1.2
+| 1.3
 |-
 | width="20%" style="color:gray;" | Category
@@ Line 20: / Line 20: @@
 , 1.1, 14-06-24, ST, Corrected the id tag of the html elements
 , 1.2, 20-04-26, ST, Resizing no longer distorts the square shape
+, 1.3, 17-06-26, ST, Text is now grey when disabled
@@ Line 26: / Line 27: @@
 ''No detailed description exists yet for this component''
 ==Examples==
-''<span style="color:red;">No additional examples</span>''
+===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]
@@ Line 36: / Line 42: @@
 ===GetState===
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetState'''
+| width="90%" class="mtx-class-macrohead" | '''GetState'''
 |-
 | colspan="2" | Returns the current state of the checkbox (i.e. if it is selected or not)&nbsp;
@@ Line 50: / Line 56: @@
 ===SetState===
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetState'''
+| width="90%" class="mtx-class-macrohead" | '''SetState'''
 |-
 | colspan="2" | Sets the current state of this checkbox&nbsp;
@@ Line 70: / Line 76: @@
 ==Property reference==
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
+| width="90%" class="mtx-class-macrohead" | '''Properties'''
 |-
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Check Box
+| width="90%" class="mtx-class-propfolder" | Check Box
 |-
 |-
@@ Line 95: / Line 101: @@
 | colspan="2" | The macro to call when the user clicks this checkbox&nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
+| width="90%" class="mtx-class-propfolder" | Style
 |-
 |-
@@ Line 129: / Line 135: @@
 | 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Colour
+| width="90%" class="mtx-class-propfolder" | Colour
 |-
 |-
@@ Line 143: / Line 149: @@
 | colspan="2" | Specifies the background colour value&nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
+| width="90%" class="mtx-class-propfolder" | Advanced
 |-
 |-

SteveT (talk | contribs)