Component: Slider ( Control) - Revision history

Wiki bot at 11:01, 25 February 2026

2026-02-25T11:01:58Z

Wiki bot at 15:07, 5 December 2023

2023-12-05T15:07:39Z

Wiki bot: Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;..."

2023-11-27T14:10:41Z

Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;..."

New page

{| style="width:50%"
|-
| width="20%" style="color:gray;" | Author
| MatrixTSL
|-
| width="20%" style="color:gray;" | Version
| 0.1
|-
| width="20%" style="color:gray;" | Category
| Control
|}

==Slider component==
Creates an analogue slide control

==Component Source Code==

Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Slider.fcsx FC_Comp_Source_WEBEXP_Slider.fcsx]

Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Slider.fcsx FC_Comp_Source_WEBEXP_Slider.fcsx]

==Detailed description==

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

==Examples==

''<span style="color:red;">No additional examples</span>''

==Macro reference==

===GetValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetValue'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetEnabled===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetEnabled'''
|-
| colspan="2" | Make this component enabled or disabled 
|-
|-
| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
| width="90%" | Enable
|-
| colspan="2" | Set false to make this component read-only 
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

===SetValue===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetValue'''
|-
| colspan="2" |  
|-
|-
| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
| width="90%" | value
|-
| colspan="2" |  
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}

==Property reference==

{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
|-
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Scale
|-
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Min
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Max
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Step
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Default
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Thumb Appearance
|-
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Style
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Fill Colour
|-
| colspan="2" | Specifies the fill colour of the shape 
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Border Width
|-
| colspan="2" | The outline size in pixels 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Border Colour
|-
| colspan="2" | The outline colour of the shape 
|-
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Shadow Size
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
| width="90%" | Auto Colour
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Hover Colour
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Focus Colour
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Shadow Colour
|-
| colspan="2" |  
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Track Appearance
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Fill Colour
|-
| colspan="2" | Specifies the fill colour of the shape 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Fill 2nd Colour
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
| width="90%" | Fill Gradient Style
|-
| colspan="2" |  
|-
| width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
| width="90%" | Border Width
|-
| colspan="2" | The outline size in pixels 
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Border Colour
|-
| colspan="2" | The outline colour of the shape 
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Custom Attributes
|-
| colspan="2" |  
|}

@@ Line 5: / Line 5: @@
 |-
 | width="20%" style="color:gray;" | Version
-| 0.1
+| 1.0
 |-
 | width="20%" style="color:gray;" | Category
@@ Line 15: / Line 15: @@
 Creates an analogue slide control
-==Component Source Code==
+==Version information==
-Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Slider.fcsx FC_Comp_Source_WEBEXP_Slider.fcsx]
+ Library Version, Component Version, Date, Author, Info
 ==Detailed description==
@@ Line 76: / Line 74: @@
 |-
 | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
-| width="90%" | iValue
+| width="90%" | Value
 |-
 | colspan="2" | The value for the slider&nbsp;
@@ Line 204: / Line 202: @@
 | colspan="2" | Text here will be added to the html tag of this component to allow advanced customisation&nbsp;
 |}

@@ Line 28: / Line 28: @@
 ''<span style="color:red;">No additional examples</span>''
 ==Macro reference==
@@ Line 37: / Line 39: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetValue'''
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Returns the current value of the slider&nbsp;
 |-
 |-
@@ Line 70: / Line 72: @@
 | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetValue'''
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Set the current value of the slider&nbsp;
 |-
 |-
-| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
+| width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG
-| width="90%" | value
+| width="90%" | iValue
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The value for the slider&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
@@ Line 98: / Line 100: @@
 | width="90%" | Min
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The minimum (lowest) value for the slider&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
 | width="90%" | Max
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The maximum (highest) value for the slider&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 | width="90%" | Step
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The value of each discrete step when the slider is changed&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
 | width="90%" | Default
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The default value of the slider&nbsp;
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
@@ Line 122: / Line 124: @@
 | width="90%" | Style
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The shape of the slider thumb&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 | width="90%" | Fill Colour
 |-
-| colspan="2" | Specifies the fill colour of the shape&nbsp;
+| colspan="2" | Specifies the fill colour of the thumb&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 | width="90%" | Border Width
 |-
-| colspan="2" | The outline size in pixels&nbsp;
+| colspan="2" | The outline size of the thumb in pixels&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 | width="90%" | Border Colour
 |-
-| colspan="2" | The outline colour of the shape&nbsp;
+| colspan="2" | The outline colour of the thumb&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 | width="90%" | Shadow Size
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The size of the thumb shadow&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 | width="90%" | Auto Colour
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Set to override the default colours of the thumb&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 | width="90%" | Hover Colour
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Custom colour for the thumb when the user hovers the mouse over the slider&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 | width="90%" | Focus Colour
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Custom colour for the thumb when the slider is selected&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 | width="90%" | Shadow Colour
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Custom colour for the thumb shadow&nbsp;
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
@@ Line 171: / Line 173: @@
 | width="90%" | Fill Colour
 |-
-| colspan="2" | Specifies the fill colour of the shape&nbsp;
+| colspan="2" | The fill colour of the slider track&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 | width="90%" | Fill 2nd Colour
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The secondary fill colour of the slider track&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 | width="90%" | Fill Gradient Style
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | The colour gradient style of the slider track&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-21-icon.png]]
 | width="90%" | Border Width
 |-
-| colspan="2" | The outline size in pixels&nbsp;
+| colspan="2" | The outline size of the track in pixels&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 | width="90%" | Border Colour
 |-
-| colspan="2" | The outline colour of the shape&nbsp;
+| colspan="2" | The outline colour of the track&nbsp;
 |-
 | width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
@@ Line 200: / Line 202: @@
 | width="90%" | Custom Attributes
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Text here will be added to the html tag of this component to allow advanced customisation&nbsp;
 |}