Difference between revisions of "Component: Component Label (Misc)"

From Flowcode Help
Jump to navigationJump to search
 
(6 intermediate revisions by the same user 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_component_label.fcfx FC_Comp_Source_component_label.fcfx]
  
 
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_component_label.fcfx FC_Comp_Source_component_label.fcfx]
 
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_component_label.fcfx FC_Comp_Source_component_label.fcfx]
  
 
==Detailed description==
 
==Detailed description==
 +
 +
 +
 +
 +
 +
  
  
Line 28: Line 36:
  
 
==Examples==
 
==Examples==
 +
 +
 +
 +
 +
 +
  
  
Line 35: Line 49:
 
''<span style="color:red;">No additional examples</span>''
 
''<span style="color:red;">No additional examples</span>''
  
==Macro reference==
 
  
{| 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;" | '''SetTargets'''
 
|-
 
| colspan="2" | Set the objects used to determine the label text and position.&nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 
| width="90%" | TextObject
 
|-
 
| colspan="2" | Object that will provide the label text from its name or a property.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 
| width="90%" | BoundsObject
 
|-
 
| colspan="2" | Object that will set the label position and bounding box.&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''
 
|}
 
  
  
{| 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;" | '''ShowProperty'''
 
|-
 
| colspan="2" | Sets the label to show a named property of the target object.&nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
 
| width="90%" | Property
 
|-
 
| colspan="2" | Name of the property to show.&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''
 
|}
 
  
  
{| 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;" | '''SetPosition'''
 
|-
 
| colspan="2" | Set where the label will appear relative to the object.&nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 
| width="90%" | Position
 
|-
 
| colspan="2" | Set the position - choose a preset from the list of constants, or 'Position XYZ to enter values below.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 
| width="90%" | X
 
|-
 
| colspan="2" | X axis offset (only if 'Position_XYZ' selected for 'Position')&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 
| width="90%" | Y
 
|-
 
| colspan="2" | Y axis offset (only if 'Position_XYZ' selected for 'Position')&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-f32-icon.png]] - FLOAT
 
| width="90%" | Z
 
|-
 
| colspan="2" | Z axis offset (only if 'Position_XYZ' selected for 'Position')&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''
 
|}
 
  
  
 +
 +
 +
 +
==Macro reference==
 +
 +
===Hide===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 124: Line 75:
  
  
 +
===SetColor===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 142: Line 94:
  
  
 +
===SetColorRGB===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 170: Line 123:
  
  
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+
===SetPosition===
|-
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Update'''
 
|-
 
| colspan="2" | Refresh the label after a change.&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''
 
|}
 
 
 
 
 
{| 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;" | '''ShowName'''
 
|-
 
| colspan="2" | Sets the label to show the target object's name&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;"
 
|-
 
| 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%" | Show
 
|-
 
| colspan="2" | Decide what label to show... None - no labels are displayed Name - shows the component's name Property - shows a property value of the component (a field for the property name will appear below)&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-17-icon.png]]
 
| width="90%" | Label target
 
|-
 
| colspan="2" | Set the object from which the label text will be taken. If none is given, defaults to the parent of the label component.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-17-icon.png]]
 
| width="90%" | Bounds target
 
|-
 
| colspan="2" | Set the object used to set the dimensions used for the positioning of the labels. If none is given, defaults to the parent of the label component.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Auto Update
 
|-
 
| colspan="2" | Automatically update the label whenever the target's name or labelled property changes. Use this sparingly, as it requires the component to regularly poll the component for changes!!&nbsp;
 
|-
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Appearance
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
 
| width="90%" | Color
 
|-
 
| colspan="2" | Color of the label text.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 
| width="90%" | Background
 
|-
 
| colspan="2" | Color for label backgroiunds - may be transparent.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Always On Top
 
|-
 
| colspan="2" | Whether labels should always be draw on top of other objects.&nbsp;
 
|-
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Size
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
 
| width="90%" | Scale
 
|-
 
| colspan="2" | Sets the basic size (text height) of the labels.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 
| width="90%" | Follow Zoom
 
|-
 
| colspan="2" | Whether labels get bigger and smaller when the panel is zoomed in and out.&nbsp;
 
|-
 
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Offset
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
| width="90%" | Auto
 
|-
 
| colspan="2" | Attempt to automatically move the label to the side of the object.  Choose a positive or negative offset in any of the three axes.  When 'off', the manual offsett values can be edited below.&nbsp;
 
|}==Macro reference==
 
 
 
{| 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;" | '''SetTargets'''
 
|-
 
| colspan="2" | Set the objects used to determine the label text and position.&nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 
| width="90%" | TextObject
 
|-
 
| colspan="2" | Object that will provide the label text from its name or a property.&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 
| width="90%" | BoundsObject
 
|-
 
| colspan="2" | Object that will set the label position and bounding box.&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''
 
|}
 
 
 
 
 
{| 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;" | '''ShowProperty'''
 
|-
 
| colspan="2" | Sets the label to show a named property of the target object.&nbsp;
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
 
| width="90%" | Property
 
|-
 
| colspan="2" | Name of the property to show.&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''
 
|}
 
 
 
 
 
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 343: Line 157:
  
  
 +
===SetTargets===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Hide'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetTargets'''
 +
|-
 +
| colspan="2" | Set the objects used to determine the label text and position.&nbsp;
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 +
| width="90%" | TextObject
 
|-
 
|-
| colspan="2" | Hides the label.&nbsp;
+
| colspan="2" | Object that will provide the label text from its name or a property.&nbsp;
 
|-
 
|-
 +
| width="10%" align="center" | [[File:Fc9-h32-icon.png]] - HANDLE
 +
| width="90%" | BoundsObject
 +
|-
 +
| colspan="2" | Object that will set the label position and bounding box.&nbsp;
 
|-
 
|-
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
Line 356: Line 181:
  
  
 +
===ShowName===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetColor'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ShowName'''
|-
 
| colspan="2" | Sets the color of the label using a single ULONG value - such as returned by panel GetColor functions.&nbsp;
 
 
|-
 
|-
 +
| colspan="2" | Sets the label to show the target object's name&nbsp;
 
|-
 
|-
| width="10%" align="center" | [[File:Fc9-u32-icon.png]] - ULONG
 
| width="90%" | Color
 
|-
 
| colspan="2" | Color to set the labels to.&nbsp;
 
 
|-
 
|-
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
Line 374: Line 195:
  
  
 +
===ShowProperty===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''SetColorRGB'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ShowProperty'''
 
|-
 
|-
| colspan="2" | Set the label color using separate red, green and blue color channels.&nbsp;
+
| colspan="2" | Sets the label to show a named property of the target object.&nbsp;
 
|-
 
|-
 
|-
 
|-
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
+
| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" | Red
+
| width="90%" | Property
 
|-
 
|-
| colspan="2" | Color parameter&nbsp;
+
| colspan="2" | Name of the property to show.&nbsp;
|-
 
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 
| width="90%" | Green
 
|-
 
| colspan="2" | Color parameter&nbsp;
 
|-
 
| width="10%" align="center" | [[File:Fc9-u8-icon.png]] - BYTE
 
| width="90%" | Blue
 
|-
 
| colspan="2" | Color parameter&nbsp;
 
 
|-
 
|-
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
 
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
Line 402: Line 214:
  
  
 +
===Update===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 413: Line 226:
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
|}
 
|}
 
 
{| 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;" | '''ShowName'''
 
|-
 
| colspan="2" | Sets the label to show the target object's name&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''
 
|}
 
 
 
  
  

Latest revision as of 13:13, 7 February 2023

Author Matrix Ltd.
Version 1.2
Category Misc


Component Label component

Add a label to a component by including this component as a sub-component. The label will always face the viewer and move with its parent object. Text for the label is automatically read from the host component's name or any chosen property.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

No additional examples






Macro reference

Hide

Fc9-comp-macro.png Hide
Hides the label. 
Fc9-void-icon.png - VOID Return


SetColor

Fc9-comp-macro.png SetColor
Sets the color of the label using a single ULONG value - such as returned by panel GetColor functions. 
Fc9-u32-icon.png - ULONG Color
Color to set the labels to. 
Fc9-void-icon.png - VOID Return


SetColorRGB

Fc9-comp-macro.png SetColorRGB
Set the label color using separate red, green and blue color channels. 
Fc9-u8-icon.png - BYTE Red
Color parameter 
Fc9-u8-icon.png - BYTE Green
Color parameter 
Fc9-u8-icon.png - BYTE Blue
Color parameter 
Fc9-void-icon.png - VOID Return


SetPosition

Fc9-comp-macro.png SetPosition
Set where the label will appear relative to the object. 
Fc9-u8-icon.png - BYTE Position
Set the position - choose a preset from the list of constants, or 'Position XYZ to enter values below. 
Fc9-f32-icon.png - FLOAT X
X axis offset (only if 'Position_XYZ' selected for 'Position') 
Fc9-f32-icon.png - FLOAT Y
Y axis offset (only if 'Position_XYZ' selected for 'Position') 
Fc9-f32-icon.png - FLOAT Z
Z axis offset (only if 'Position_XYZ' selected for 'Position') 
Fc9-void-icon.png - VOID Return


SetTargets

Fc9-comp-macro.png SetTargets
Set the objects used to determine the label text and position. 
Fc9-h32-icon.png - HANDLE TextObject
Object that will provide the label text from its name or a property. 
Fc9-h32-icon.png - HANDLE BoundsObject
Object that will set the label position and bounding box. 
Fc9-void-icon.png - VOID Return


ShowName

Fc9-comp-macro.png ShowName
Sets the label to show the target object's name 
Fc9-void-icon.png - VOID Return


ShowProperty

Fc9-comp-macro.png ShowProperty
Sets the label to show a named property of the target object. 
Fc9-string-icon.png - STRING Property
Name of the property to show. 
Fc9-void-icon.png - VOID Return


Update

Fc9-comp-macro.png Update
Refresh the label after a change. 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-type-16-icon.png Show
Decide what label to show... None - no labels are displayed Name - shows the component's name Property - shows a property value of the component (a field for the property name will appear below) 
Fc9-type-17-icon.png Label target
Set the object from which the label text will be taken. If none is given, defaults to the parent of the label component. 
Fc9-type-17-icon.png Bounds target
Set the object used to set the dimensions used for the positioning of the labels. If none is given, defaults to the parent of the label component. 
Fc9-type-7-icon.png Auto Update
Automatically update the label whenever the target's name or labelled property changes. Use this sparingly, as it requires the component to regularly poll the component for changes!! 
Fc9-conn-icon.png Appearance
Fc9-type-1-icon.png Color
Color of the label text. 
Fc9-type-2-icon.png Background
Color for label backgroiunds - may be transparent. 
Fc9-type-7-icon.png Always On Top
Whether labels should always be draw on top of other objects. 
Fc9-conn-icon.png Size
Fc9-type-15-icon.png Scale
Sets the basic size (text height) of the labels. 
Fc9-type-7-icon.png Follow Zoom
Whether labels get bigger and smaller when the panel is zoomed in and out. 
Fc9-conn-icon.png Offset
Fc9-type-16-icon.png Auto
Attempt to automatically move the label to the side of the object. Choose a positive or negative offset in any of the three axes. When 'off', the manual offsett values can be edited below.