Jump to content

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

From Flowcode Help
m Text replacement - "style="background-color:#EAE1EA; color:#4B008D;"" to "class="mtx-class-propfolder""
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
Line 212: Line 212:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | 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%" class="mtx-class-propfolder" | Misc
| width="90%" class="mtx-class-propfolder" | Misc
|-
|-
Line 225: Line 225:
| colspan="2" | Type of shape 
| colspan="2" | Type of shape 
|-
|-
| 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%" class="mtx-class-propfolder" | Fill
| width="90%" class="mtx-class-propfolder" | Fill
|-
|-
Line 244: Line 244:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | Outline
| width="90%" class="mtx-class-propfolder" | Outline
|-
|-
Line 273: Line 273:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | 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%" class="mtx-class-propfolder" | 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%" class="mtx-class-propfolder" | Misc
| width="90%" class="mtx-class-propfolder" | Misc
|-
|-
Line 290: Line 290:
| colspan="2" | Type of shape 
| colspan="2" | Type of shape 
|-
|-
| 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%" class="mtx-class-propfolder" | Fill
| width="90%" class="mtx-class-propfolder" | Fill
|-
|-
Line 309: Line 309:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | Outline
| width="90%" class="mtx-class-propfolder" | Outline
|-
|-
Line 338: Line 338:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | Text
| width="90%" class="mtx-class-propfolder" | Text
|-
|-
Line 347: Line 347:
| colspan="2" | Text to display 
| colspan="2" | Text to display 
|-
|-
| 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%" class="mtx-class-propfolder" | Font
| width="90%" class="mtx-class-propfolder" | Font
|-
|-
Line 386: Line 386:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | Text Colour
| width="90%" class="mtx-class-propfolder" | Text Colour
|-
|-
Line 405: Line 405:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | 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%" class="mtx-class-propfolder" | Misc
| width="90%" class="mtx-class-propfolder" | Misc
|-
|-
Line 418: Line 418:
| colspan="2" | Type of shape 
| colspan="2" | Type of shape 
|-
|-
| 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%" class="mtx-class-propfolder" | Fill
| width="90%" class="mtx-class-propfolder" | Fill
|-
|-
Line 437: Line 437:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | Outline
| width="90%" class="mtx-class-propfolder" | Outline
|-
|-
Line 466: Line 466:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | Text
| width="90%" class="mtx-class-propfolder" | Text
|-
|-
Line 475: Line 475:
| colspan="2" | Text to display 
| colspan="2" | Text to display 
|-
|-
| 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%" class="mtx-class-propfolder" | Font
| width="90%" class="mtx-class-propfolder" | Font
|-
|-
Line 514: Line 514:
| colspan="2" |  
| colspan="2" |  
|-
|-
| 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%" class="mtx-class-propfolder" | Text Colour
| width="90%" class="mtx-class-propfolder" | Text Colour
|-
|-

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