Component: Radio Button ( Control) - Revision history

SteveT: Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""

2026-07-13T14:37:02Z

Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""

← Older revision		Revision as of 14:37, 13 July 2026
Line 81:		Line 81:
	\|-		\|-
	\|-		\|-
	\| 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%" class="mtx-class-propfolder" \| Radio Button		\| width="90%" class="mtx-class-propfolder" \| Radio Button
	\|-		\|-
Line 105:		Line 105:
	\| colspan="2" \| The macro to call when the user clicks this radio button		\| colspan="2" \| The macro to call when the user clicks this radio button
	\|-		\|-
	\| 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%" class="mtx-class-propfolder" \| Style		\| width="90%" class="mtx-class-propfolder" \| Style
	\|-		\|-
Line 139:		Line 139:
	\| colspan="2" \| Make the caption text crossed-out		\| 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" class="mtx-class-propfolder" \| [[File:Fc9-conn-icon.png]]
	\| width="90%" class="mtx-class-propfolder" \| Colour		\| width="90%" class="mtx-class-propfolder" \| Colour
	\|-		\|-
Line 153:		Line 153:
	\| colspan="2" \| Specifies the background colour value		\| colspan="2" \| Specifies the background colour value
	\|-		\|-
	\| 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%" class="mtx-class-propfolder" \| Advanced		\| width="90%" class="mtx-class-propfolder" \| Advanced
	\|-		\|-

SteveT: Text replacement - "style="background-color:#EAE1EA; color:#4B008D;"" to "class="mtx-class-propfolder""

2026-07-13T14:35:56Z

Text replacement - "style="background-color:#EAE1EA; color:#4B008D;"" to "class="mtx-class-propfolder""

← Older revision		Revision as of 14:35, 13 July 2026
Line 82:		Line 82:
	\|-		\|-
	\| 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;~~" \| Radio Button		\| width="90%" class="mtx-class-propfolder" \| Radio Button
	\|-		\|-
	\|-		\|-
Line 106:		Line 106:
	\|-		\|-
	\| 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;~~" \| Style		\| width="90%" class="mtx-class-propfolder" \| Style
	\|-		\|-
	\|-		\|-
Line 140:		Line 140:
	\|-		\|-
	\| 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;~~" \| Colour		\| width="90%" class="mtx-class-propfolder" \| Colour
	\|-		\|-
	\|-		\|-
Line 154:		Line 154:
	\|-		\|-
	\| 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;~~" \| Advanced		\| width="90%" class="mtx-class-propfolder" \| Advanced
	\|-		\|-
	\|-		\|-

SteveT: Text replacement - "width="90%" style="background-color:#D8C9D8; color:#4B008D;"" to "width="90%" class="mtx-class-macrohead""

2026-07-13T14:23:26Z

Text replacement - "width="90%" style="background-color:#D8C9D8; color:#4B008D;"" to "width="90%" class="mtx-class-macrohead""

← Older revision		Revision as of 14:23, 13 July 2026
Line 44:		Line 44:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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 true if this radio button is currently selected		\| colspan="2" \| Returns true if this radio button is currently selected
Line 58:		Line 58:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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 this radio button to be selected or unselected		\| colspan="2" \| Sets this radio button to be selected or unselected
Line 78:		Line 78:
	\|-		\|-
	\| width="10%" align="center" class="mtx-class-macrohead" \| [[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'''
	\|-		\|-
	\|-		\|-

SteveT: Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;"" to "width="10%" align="center" class="mtx-class-macrohead""

2026-07-13T14:21:23Z

Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;"" to "width="10%" align="center" class="mtx-class-macrohead""

← Older revision		Revision as of 14:21, 13 July 2026
Line 77:		Line 77:
	{\| class="mtx-class-macrotable wikitable"		{\| 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%" style="background-color:#D8C9D8; color:#4B008D;" \| '''Properties'''
	\|-		\|-

SteveT: Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead""

2026-07-13T14:17:38Z

Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead""

← Older revision		Revision as of 14:17, 13 July 2026
Line 43:		Line 43:
	{\| class="mtx-class-macrotable wikitable"		{\| 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%" style="background-color:#D8C9D8; color:#4B008D;" \| '''GetState'''
	\|-		\|-
Line 57:		Line 57:
	{\| class="mtx-class-macrotable wikitable"		{\| 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%" style="background-color:#D8C9D8; color:#4B008D;" \| '''SetState'''
	\|-		\|-

SteveT: Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable""

2026-07-13T14:15:49Z

Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable""

← Older revision		Revision as of 14:15, 13 July 2026
Line 41:		Line 41:

	===GetState===		===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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 55:		Line 55:

	===SetState===		===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" style="background-color:#D8C9D8;" align="center" \| [[File:Fc9-comp-macro.png]]
Line 75:		Line 75:
	==Property reference==		==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" style="background-color:#D8C9D8;" \| [[File:Fc9-prop-icon.png]]

SteveT: /* BasicControls example */

2026-06-26T09:51:01Z

BasicControls example

← Older revision		Revision as of 09:51, 26 June 2026
Line 32:		Line 32:

	===BasicControls example===		===BasicControls example===
	This simple example shows how to ~~sue~~ some basic controls in a Web Developer project.		This simple example shows how to use some basic controls in a Web Developer project.

	{{Fcfile\|BasicControls.fcweb\|BasicControls.fcweb}}		{{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]		The web app created by this example can be viewed here: [https://www.flowcode.co.uk/example/WebComps/BasicControls.html BasicControls Example]


	==Macro reference==		==Macro reference==

Wiki bot at 16:45, 25 June 2026

2026-06-25T16:45:28Z

← Older revision		Revision as of 16:45, 25 June 2026
Line 5:		Line 5:
	\|-		\|-
	\| width="20%" style="color:gray;" \| Version		\| width="20%" style="color:gray;" \| Version
	\| 1.2		\| 1.3
	\|-		\|-
	\| width="20%" style="color:gray;" \| Category		\| width="20%" style="color:gray;" \| Category
Line 14:		Line 14:
	==Radio Button component==		==Radio Button component==
	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.


	==Version information==		==Version information==
Line 21:		Line 20:
	2, 1.1, 14-06-24, ST, Corrected the id tag of the html element		2, 1.1, 14-06-24, ST, Corrected the id tag of the html element
	3, 1.2, 20-04-26, ST, Resizing no longer distorts the circle		3, 1.2, 20-04-26, ST, Resizing no longer distorts the circle
			4, 1.3, 16-06-26, ST, Text is now grey when disabled

SteveT: added example

2026-04-28T17:08:17Z

added example

← Older revision		Revision as of 17:08, 28 April 2026
Line 14:		Line 14:
	==Radio Button component==		==Radio Button component==
	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.


	==Version information==		==Version information==
Line 26:		Line 27:

	''No detailed description exists yet for this component''		''No detailed description exists yet for this component''


	==Examples==		==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]

Wiki bot at 08:58, 27 April 2026

2026-04-27T08:58:30Z

← Older revision		Revision as of 08:58, 27 April 2026
Line 5:		Line 5:
	\|-		\|-
	\| width="20%" style="color:gray;" \| Version		\| width="20%" style="color:gray;" \| Version
	\| 1.1		\| 1.2
	\|-		\|-
	\| width="20%" style="color:gray;" \| Category		\| width="20%" style="color:gray;" \| Category
Line 19:		Line 19:
	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 element		2, 1.1, 14-06-24, ST, Corrected the id tag of the html element
			3, 1.2, 20-04-26, ST, Resizing no longer distorts the circle