Jump to content

Component: Switch ( Control)

From Flowcode Help
Revision as of 14:17, 13 July 2026 by SteveT (talk | contribs) (Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead"")
Author MatrixTSL
Version 1.1
Category Control


Switch component

Creates an on/off type toggle switch control.

Version information

Library Version, Component Version, Date, Author, Info
2, 1.0, 17-02-25, ST, Changed generated CSS to ensure visible/disabled switch has appropriate features
3, 1.1, 19-02-26, ST, Added to Ev_Initialise to ensure properties are updated when project loads

Detailed description

No detailed description exists yet for this component

Examples

No additional examples


Macro reference

GetState

GetState
Returns the current state of the switch 
- BOOL Return


SetState

SetState
Sets the current state of the switch 
- BOOL bState
The state to set (true = on) 
- VOID Return


Property reference

Properties
Behaviour
State
The initial state of the switch 
OnClick Macro
The macro to call when the user clicks this switch 
Cursor
The cursor shape when the user hovers the mouse over this switch 
Transition Speed
The animation speed (in ms) when the switch is pressed 
Auto Return
Set true to automatically return the switch to its default state 
Appearance
On Label
The text to show when the switch is in the on state 
Off Label
The text to show when the switch is in the off state 
Style
The colour style of the switch 
Show Thumb
Show or hide the thumb of the switch 
Outline Size
The outline size in pixels 
Border Radius
The curvature radius of the corners of the switch 
Border Colour
The outline colour of the switch 
Font
Font
Specifies the font style for the switch 
Font Size
The font size in pixels 
Bold
Make the caption text bold 
Italic
Make the caption text italicised 
Colour
The fill colour of the switch when off 
Gradient
The secondary fill colour of the switch when off 
Gradient Style
The gradient fill type of the switch when off 
Text
The font colour for the switch when off 
Colour
The fill colour of the switch when on 
Gradient
The secondary fill colour of the switch when on 
Gradient Style
The gradient fill type of the switch when on 
Text
The font colour for the switch when on 
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_Switch.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_Switch.fcsx