Component: Switch ( Control): Difference between revisions
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
|- | |- | ||
| width="20%" style="color:gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| 1. | | 1.1 | ||
|- | |- | ||
| 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.0, 17-02-25, ST, Changed generated CSS to ensure visible/disabled switch has appropriate features | 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== | ==Detailed description== | ||
Revision as of 11:01, 25 February 2026
| 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