Jump to content

Component: Dash Scale Vertical (): Difference between revisions

From Flowcode Help
← Older edit

SteveT (talk | contribs)

4 user groups
6,427 edits
No edit summary
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
(11 intermediate revisions by 2 users not shown)
Line 16: Line 16:


==Component Source Code==
==Component Source Code==
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Dashboard_Scale_Vertical.fcfx FC_Comp_Source_Dashboard_Scale_Vertical.fcfx]


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


==Detailed description==
==Detailed description==




Line 30: Line 38:


==Examples==
==Examples==




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


==Macro reference==






==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" | [[File:Fc9-type-16-icon.png]]
| width="90%" | Function
|-
| colspan="2" | Decide whether the scale should be a control that interacts with the mouse, or just a passive display.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Maximum
|-
| colspan="2" | The maximum value displayed on the scale (top of the component)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
| width="90%" | Minimum
|-
| colspan="2" | The smallest value visible on the scale (bottom of the component)&nbsp;
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Style
|-
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | BG Color
|-
| colspan="2" | Colour of the display background.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Positive Color
|-
| colspan="2" | Colour for the scale marking above zero.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Negative Color
|-
| colspan="2" | Colour of the display markings below zero.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label Color
|-
| colspan="2" | Colour of the component label.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Bezel
|-
| colspan="2" | Colour of the bezel (3D border)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Resolution
|-
| colspan="2" | Amount of detail in the display markings.&nbsp;
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Marks
|-
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Divisions
|-
| colspan="2" | The number of major divisions of the arc.  These can have numbered labels.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Subdivisions
|-
| colspan="2" | The number of minor sub-divisions between each major division.&nbsp;
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Numbers
|-
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Decimals
|-
| colspan="2" | Number of decimal places to show for the number labels.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Text Size %
|-
| colspan="2" | Size of the number label text. (percentage of the component wdith)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
| width="90%" | Font
|-
| colspan="2" | Font to use for the number labels.&nbsp;
|-
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
|-
|-
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
| width="90%" | Text
|-
| colspan="2" | Set the text to be displayed in the components name label.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
| width="90%" | Text Size %
|-
| colspan="2" | Size of the name label text (percentage of the component width)&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
| width="90%" | Font
|-
| colspan="2" | The font to use for the component name label.l&nbsp;
|}==Macro reference==




==Macro reference==


==Property reference==
==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 178: Line 88:
| colspan="2" | The smallest value visible on the scale (bottom of the component)&nbsp;
| colspan="2" | The smallest value visible on the scale (bottom of the component)&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;" | Style
| width="90%" class="mtx-class-propfolder" | Style
|-
|-
|-
|-
Line 212: Line 122:
| colspan="2" | Amount of detail in the display markings.&nbsp;
| colspan="2" | Amount of detail in the display markings.&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;" | Marks
| width="90%" class="mtx-class-propfolder" | Marks
|-
|-
|-
|-
Line 226: Line 136:
| colspan="2" | The number of minor sub-divisions between each major division.&nbsp;
| colspan="2" | The number of minor sub-divisions between each major division.&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;" | Numbers
| width="90%" class="mtx-class-propfolder" | Numbers
|-
|-
|-
|-
Line 245: Line 155:
| colspan="2" | Font to use for the number labels.&nbsp;
| colspan="2" | Font to use for the number labels.&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;" | Label
| width="90%" class="mtx-class-propfolder" | Label
|-
|-
|-
|-

Latest revision as of 14:36, 13 July 2026

Author Matrix Ltd
Version 1.3
Category


Dash Scale Vertical component

Vertical based slider with a user defined scale, typically used on in SCADA based solution

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

No additional examples






Macro reference

Property reference

Properties
Function
Decide whether the scale should be a control that interacts with the mouse, or just a passive display. 
Maximum
The maximum value displayed on the scale (top of the component) 
Minimum
The smallest value visible on the scale (bottom of the component) 
Style
BG Color
Colour of the display background. 
Positive Color
Colour for the scale marking above zero. 
Negative Color
Colour of the display markings below zero. 
Label Color
Colour of the component label. 
Bezel
Colour of the bezel (3D border) 
Resolution
Amount of detail in the display markings. 
Marks
Divisions
The number of major divisions of the arc. These can have numbered labels. 
Subdivisions
The number of minor sub-divisions between each major division. 
Numbers
Decimals
Number of decimal places to show for the number labels. 
Text Size %
Size of the number label text. (percentage of the component wdith) 
Font
Font to use for the number labels. 
Label
Text
Set the text to be displayed in the components name label. 
Text Size %
Size of the name label text (percentage of the component width) 
Font
The font to use for the component name label.l 
Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Dash_Scale_Vertical_()&oldid=47739"