Component: Slider control (Advanced Shapes): Difference between revisions

Latest revision as of 14:23, 13 July 2026

Author	Matrix Ltd
Version	1.1
Category	Advanced Shapes

Slider control component

A simple graphical interface for a vertical meter or slider control. This can be used within custom components to give them a way to display an analogue value, or to allow setting a value by clicking and dragging with the mouse.

Component Source Code

Please click here to download the component source project: FC_Comp_Source_slider.fcfx

Please click here to view the component source code (Beta): FC_Comp_Source_slider.fcfx

Detailed description

No detailed description exists yet for this component

Examples

Simple example showing how to use the simulation slider component as a meter display for use in monitoring type applications. Meters

Macro reference

GetValue

	GetValue
Gets the current value of the slider. This will be within the range set by the SetRange macro.
- FLOAT	Return

SetInteractive

	SetInteractive
Set whether the mouse can be used to change the slider value.
- BOOL	Enable
Set true to allow clicks to set scale
- VOID	Return

SetRange

	SetRange
Set the minimum and maximum values that can be shown on the slider.
- INT	Min
Min (start) value
- INT	Max
Maximum (end) value
- VOID	Return

SetValue

	SetValue
Set the current value of the slider. This will override any value set by using the mouse.
- FLOAT	Value
The value to set.
- VOID	Return

ShowScale

	ShowScale
Set whether graduated marking are shown along the length of the slider.
- BOOL	Show
True to show scale, else false
- VOID	Return

Property reference

	Properties

@@ Line 17: / Line 17: @@
 ==Component Source Code==
-Please click here for the component source code: [https://www.flowcode.co.uk/wikicopy/componentsource/FC_Comp_Source_slider.fcfx FC_Comp_Source_slider.fcfx]
+Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_slider.fcfx FC_Comp_Source_slider.fcfx]
+Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_slider.fcfx FC_Comp_Source_slider.fcfx]
 ==Detailed description==
@@ Line 38: / Line 48: @@
 ==Examples==
@@ Line 56: / Line 74: @@
 Simple example showing how to use the simulation slider component as a meter display for use in monitoring type applications.
 {{Fcfile|Meters.fcfx|Meters}}
 ==Macro reference==
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+===GetValue===
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetValue'''
+| width="90%" class="mtx-class-macrohead" | '''GetValue'''
 |-
 | colspan="2" | Gets the current value of the slider.  This will be within the range set by the SetRange macro.&nbsp;
@@ Line 72: / Line 101: @@
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+===SetInteractive===
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetValue'''
+| width="90%" class="mtx-class-macrohead" | '''SetInteractive'''
 |-
-| colspan="2" | Set the current value of the slider.  This will override any value set by using the mouse.&nbsp;
+| colspan="2" | Set whether the mouse can be used to change the slider value.&nbsp;
 |-
 |-
-| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
+| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
-| width="90%" | Value
+| width="90%" | Enable
 |-
-| colspan="2" | The value to set.&nbsp;
+| colspan="2" | Set true to allow clicks to set scale&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
@@ Line 90: / Line 120: @@
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+===SetRange===
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetInteractive'''
+| width="90%" class="mtx-class-macrohead" | '''SetRange'''
 |-
-| colspan="2" | Set whether the mouse can be used to change the slider value.&nbsp;
+| colspan="2" | Set the minimum and maximum values that can be shown on the slider.&nbsp;
 |-
 |-
-| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
+| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
-| width="90%" | Enable
+| width="90%" | Min
+|-
+| colspan="2" | Min (start) value&nbsp;
+|-
+| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
+| width="90%" | Max
 |-
-| colspan="2" | Set true to allow clicks to set scale&nbsp;
+| colspan="2" | Maximum (end) value&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
@@ Line 108: / Line 144: @@
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+===SetValue===
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ShowScale'''
+| width="90%" class="mtx-class-macrohead" | '''SetValue'''
 |-
-| colspan="2" | Set whether graduated marking are shown along the length of the slider.&nbsp;
+| colspan="2" | Set the current value of the slider.  This will override any value set by using the mouse.&nbsp;
 |-
 |-
-| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
+| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
-| width="90%" | Show
+| width="90%" | Value
 |-
-| colspan="2" | True to show scale, else false&nbsp;
+| colspan="2" | The value to set.&nbsp;
 |-
 | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
@@ Line 126: / Line 163: @@
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+===ShowScale===
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetRange'''
+| width="90%" class="mtx-class-macrohead" | '''ShowScale'''
 |-
-| colspan="2" | Set the minimum and maximum values that can be shown on the slider.&nbsp;
+| colspan="2" | Set whether graduated marking are shown along the length of the slider.&nbsp;
 |-
 |-
-| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
+| width="10%" align="center" | [[File:Fc9-bool-icon.png]] - BOOL
-| width="90%" | Min
+| width="90%" | Show
 |-
-| colspan="2" | Min (start) value&nbsp;
+| colspan="2" | True to show scale, else false&nbsp;
-|-
-| width="10%" align="center" | [[File:Fc9-s16-icon.png]] - INT
-| width="90%" | Max
-|-
-| colspan="2" | Maximum (end) value&nbsp;
 |-
 | 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;"
+{| class="mtx-class-macrotable wikitable"
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
+| width="90%" class="mtx-class-macrohead" | '''Properties'''
 |-
 |}

SteveT (talk | contribs)