Component: Switch ( Control)

From Flowcode Help
Jump to navigationJump to search
Author MatrixTSL
Version 0.1
Category Control


Switch component

Creates an on/off type toggle switch control.

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

Detailed description

No detailed description exists yet for this component

Examples

No additional examples


Macro reference

GetState

Fc9-comp-macro.png GetState
Returns the current state of the switch 
Fc9-bool-icon.png - BOOL Return


SetState

Fc9-comp-macro.png SetState
Sets the current state of the switch 
Fc9-bool-icon.png - BOOL bState
The state to set (true = on) 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Behaviour
Fc9-type-7-icon.png State
The initial state of the switch 
Fc9-type-24-icon.png OnClick Macro
The macro to call when the user clicks this switch 
Fc9-type-12-icon.png Cursor
The cursor shape when the user hovers the mouse over this switch 
Fc9-type-21-icon.png Transition Speed
The animation speed (in ms) when the switch is pressed 
Fc9-type-7-icon.png Auto Return
Set true to automatically return the switch to its default state 
Fc9-conn-icon.png Appearance
Fc9-type-10-icon.png On Label
The text to show when the switch is in the on state 
Fc9-type-10-icon.png Off Label
The text to show when the switch is in the off state 
Fc9-type-12-icon.png Style
The colour style of the switch 
Fc9-type-7-icon.png Show Thumb
Show or hide the thumb of the switch 
Fc9-type-21-icon.png Outline Size
The outline size in pixels 
Fc9-type-21-icon.png Border Radius
The curvature radius of the corners of the switch 
Fc9-type-2-icon.png Border Colour
The outline colour of the switch 
Fc9-conn-icon.png Font
Fc9-type-3-icon.png Font
Specifies the font style for the switch 
Fc9-type-21-icon.png Font Size
The font size in pixels 
Fc9-type-7-icon.png Bold
Make the caption text bold 
Fc9-type-7-icon.png Italic
Make the caption text italicised 
Fc9-type-2-icon.png Colour
The fill colour of the switch when off 
Fc9-type-2-icon.png Gradient
The secondary fill colour of the switch when off 
Fc9-type-12-icon.png Gradient Style
The gradient fill type of the switch when off 
Fc9-type-2-icon.png Text
The font colour for the switch when off 
Fc9-type-2-icon.png Colour
The fill colour of the switch when on 
Fc9-type-2-icon.png Gradient
The secondary fill colour of the switch when on 
Fc9-type-12-icon.png Gradient Style
The gradient fill type of the switch when on 
Fc9-type-2-icon.png Text
The font colour for the switch when on 
Fc9-conn-icon.png Advanced
Fc9-type-10-icon.png Custom Attributes
Text here will be added to the html tag of this component to allow advanced customisation