Component: Library Component Customisable (Misc): Difference between revisions

Latest revision as of 14:37, 13 July 2026

Author	MatrixTSL
Version	1.0
Category	Misc

Library Component Customisable component

A simple library component designed to create a panel presence for any components that don't need or have a graphical simulation. Compatible with linking icons.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

There is a detailed walk through of the scenario detailed at the link below to go with this component.

CNC Machine Scenario

Macro reference

FlashRx

	FlashRx
Flashes the receive icon for a set period of time. Automatically clears the icon once time period is up.
- VOID	Return

FlashTx

	FlashTx
Flashes the transmit icon for a set period of time. Automatically clears the icon once time period is up.
- VOID	Return

SetConsoleHandle

	SetConsoleHandle
Sets the link to the component console allowing for click through and for panel console viewer linkage.
- HANDLE	Handle

- VOID	Return

Property reference

	Properties
	Title

	Vertical Alignment

	Show Comms Indicators

	Input Icon

	Output Icon

	Background
	Misc
	Type
Type of shape
	Fill
	Colour
Specifies the fill colour of the shape
	Gradient

	Gradient Style

	Outline
	Style
Outline line style
	Thickness
Thickness of the outline
	Colour

	Gradient

	Gradient Style

	Comms Indicators
	TX
	Misc
	Type
Type of shape
	Fill
	Colour
Specifies the fill colour of the shape
	Gradient

	Gradient Style

	Outline
	Style
Outline line style
	Thickness
Thickness of the outline
	Colour

	Gradient

	Gradient Style

	Text
	Text
Text to display
	Font
	Font
Specifies the font style for the item
	Scale

	Scale With Width

	Bold

	Italic

	Underline

	Strikethrough

	Text Colour
	Colour
Specifies the font colour for the item
	Text Gradient

	Gradient Style

	RX
	Misc
	Type
Type of shape
	Fill
	Colour
Specifies the fill colour of the shape
	Gradient

	Gradient Style

	Outline
	Style
Outline line style
	Thickness
Thickness of the outline
	Colour

	Gradient

	Gradient Style

	Text
	Text
Text to display
	Font
	Font
Specifies the font style for the item
	Scale

	Scale With Width

	Bold

	Italic

	Underline

	Strikethrough

	Text Colour
	Colour
Specifies the font colour for the item
	Text Gradient

	Gradient Style

@@ Line 17: / Line 17: @@
 ==Component Source Code==
-Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_temp/LibraryComponent_Customised.fcfx FC_Comp_Source_temp/LibraryComponent_Customised.fcfx]
+Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_LibraryComponent_Customised.fcfx FC_Comp_Source_LibraryComponent_Customised.fcfx]
-Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_temp/LibraryComponent_Customised.fcfx FC_Comp_Source_temp/LibraryComponent_Customised.fcfx]
+Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_LibraryComponent_Customised.fcfx FC_Comp_Source_LibraryComponent_Customised.fcfx]
 ==Detailed description==
@@ Line 119: / Line 119: @@
 [[CNC_Machine|CNC Machine Scenario]]
@@ Line 131: / Line 133: @@
 ===FlashRx===
-{| 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;" | '''FlashRx'''
+| width="90%" class="mtx-class-macrohead" | '''FlashRx'''
 |-
 | colspan="2" | Flashes the receive icon for a set period of time. Automatically clears the icon once time period is up.&nbsp;
@@ Line 145: / Line 147: @@
 ===FlashTx===
-{| 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;" | '''FlashTx'''
+| width="90%" class="mtx-class-macrohead" | '''FlashTx'''
 |-
 | colspan="2" | Flashes the transmit icon for a set period of time. Automatically clears the icon once time period is up.&nbsp;
@@ Line 159: / Line 161: @@
 ===SetConsoleHandle===
-{| 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;" | '''SetConsoleHandle'''
+| width="90%" class="mtx-class-macrohead" | '''SetConsoleHandle'''
 |-
 | colspan="2" | Sets the link to the component console allowing for click through and for  panel console viewer linkage.&nbsp;
@@ Line 179: / Line 181: @@
 ==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 210: / Line 212: @@
 | 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;" | Background
+| width="90%" class="mtx-class-propfolder" | Background
 |-
 |-
-| 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;" | Misc
+| width="90%" class="mtx-class-propfolder" | Misc
 |-
 |-
@@ Line 223: / Line 225: @@
 | colspan="2" | Type of shape&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;" | Fill
+| width="90%" class="mtx-class-propfolder" | Fill
 |-
 |-
@@ Line 242: / Line 244: @@
 | 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;" | Outline
+| width="90%" class="mtx-class-propfolder" | Outline
 |-
 |-
@@ Line 271: / Line 273: @@
 | 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;" | Comms Indicators
+| width="90%" class="mtx-class-propfolder" | Comms Indicators
 |-
 |-
-| 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;" | TX
+| width="90%" class="mtx-class-propfolder" | TX
 |-
 |-
-| 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;" | Misc
+| width="90%" class="mtx-class-propfolder" | Misc
 |-
 |-
@@ Line 288: / Line 290: @@
 | colspan="2" | Type of shape&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;" | Fill
+| width="90%" class="mtx-class-propfolder" | Fill
 |-
 |-
@@ Line 307: / Line 309: @@
 | 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;" | Outline
+| width="90%" class="mtx-class-propfolder" | Outline
 |-
 |-
@@ Line 336: / Line 338: @@
 | 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;" | Text
+| width="90%" class="mtx-class-propfolder" | Text
 |-
 |-
@@ Line 345: / Line 347: @@
 | colspan="2" | Text to display&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;" | Font
+| width="90%" class="mtx-class-propfolder" | Font
 |-
 |-
@@ Line 384: / Line 386: @@
 | 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;" | Text Colour
+| width="90%" class="mtx-class-propfolder" | Text Colour
 |-
 |-
@@ Line 403: / Line 405: @@
 | 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;" | RX
+| width="90%" class="mtx-class-propfolder" | RX
 |-
 |-
-| 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;" | Misc
+| width="90%" class="mtx-class-propfolder" | Misc
 |-
 |-
@@ Line 416: / Line 418: @@
 | colspan="2" | Type of shape&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;" | Fill
+| width="90%" class="mtx-class-propfolder" | Fill
 |-
 |-
@@ Line 435: / Line 437: @@
 | 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;" | Outline
+| width="90%" class="mtx-class-propfolder" | Outline
 |-
 |-
@@ Line 464: / Line 466: @@
 | 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;" | Text
+| width="90%" class="mtx-class-propfolder" | Text
 |-
 |-
@@ Line 473: / Line 475: @@
 | colspan="2" | Text to display&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;" | Font
+| width="90%" class="mtx-class-propfolder" | Font
 |-
 |-
@@ Line 512: / Line 514: @@
 | 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;" | Text Colour
+| width="90%" class="mtx-class-propfolder" | Text Colour
 |-
 |-

SteveT (talk | contribs)