Component: Circular Knob (Controls): Difference between revisions

Latest revision as of 14:37, 13 July 2026

Author	Steve Tandy
Version	1.0
Category	Controls

Circular Knob component

A circular 2d knob component.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

A basic App Developer example using two Circular knobs to simulate data e.g., temperature. Both xy chart and Console, log the data.

Logging Example

Macro reference

GetValue

	GetValue
Returns the current value of the component.
- FLOAT	Return

SetValue

	SetValue
Sets the component to the specified value.
- FLOAT	value
A new value for the component.
- VOID	Return

Property reference

	Properties
	Value

	Appearance
	Style

	Pointer

	Font Scale

	Scale
	Lower Bound
The bottom value of the scale.
	Upper Bound
The top value of the scale.
	Major Tick Step
The number of minor tick marks to show a major tick mark value.
	Minor Tick Step
The scale value between consecutive minor tick marks.
	Discrete Values

	Label Format

@@ Line 83: / Line 83: @@
 ===GetValue===
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| 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" | Returns the current value of the component.&nbsp;
@@ Line 97: / Line 97: @@
 ===SetValue===
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| 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" | '''SetValue'''
 |-
 | colspan="2" | Sets the component to the specified value.&nbsp;
@@ Line 117: / Line 117: @@
 ==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'''
 |-
 |-
@@ Line 128: / Line 128: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Appearance
+| width="90%" class="mtx-class-propfolder" | Appearance
 |-
 |-
@@ Line 147: / Line 147: @@
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Scale
+| width="90%" class="mtx-class-propfolder" | Scale
 |-
 |-

SteveT (talk | contribs)