Difference between revisions of "Component: Switch ( Control)"
From Flowcode Help
Jump to navigationJump to search| (One intermediate revision by the same user not shown) | |||
| Line 5: | Line 5: | ||
|- | |- | ||
| width="20%" style="color:gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| − | | 0 | + | | 1.0 |
|- | |- | ||
| width="20%" style="color:gray;" | Category | | width="20%" style="color:gray;" | Category | ||
| Line 15: | Line 15: | ||
Creates an on/off type toggle switch control. | 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 | ||
| + | |||
| − | |||
==Detailed description== | ==Detailed description== | ||
| Line 215: | Line 216: | ||
| colspan="2" | Text here will be added to the html tag of this component to allow advanced customisation | | colspan="2" | 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: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Switch.fcsx FC_Comp_Source_WEBEXP_Switch.fcsx] | ||
| + | |||
| + | Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Switch.fcsx FC_Comp_Source_WEBEXP_Switch.fcsx] | ||
Latest revision as of 21:17, 27 January 2026
| Author | MatrixTSL |
| Version | 1.0 |
| Category | Control |
Contents
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
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
