Jump to content

Component: Keypad (4x4) (Keypad): Difference between revisions

From Flowcode Help
No edit summary
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
(9 intermediate revisions by 2 users not shown)
Line 14: Line 14:
==Keypad component==
==Keypad component==
Preset keypad based around the 4 * 4 unit.
Preset keypad based around the 4 * 4 unit.
==Component Source Code==
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Keypad_4x4.fcfx FC_Comp_Source_Keypad_4x4.fcfx]
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Keypad_4x4.fcfx FC_Comp_Source_Keypad_4x4.fcfx]


==Detailed description==
==Detailed description==
Line 57: Line 51:


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




Line 65: Line 65:
==Macro reference==
==Macro reference==


===WaitPressed===
===GetAscii===
{| 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;" | '''WaitPressed'''
| width="90%" class="mtx-class-macrohead" | '''GetAscii'''
|-
|-
| colspan="2" | Blocking call that waits for one of the keys on the keypad to be pressed. The index of the key that was pressed is passed back to the user.&nbsp;
| colspan="2" | Gets the ASCII value for the current keypress. If no key is pressed then the macro returns the value 255.&nbsp;
|-
|-
|-
|-
Line 79: Line 79:




===GetAscii===
===GetIndex===
{| 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;" | '''GetAscii'''
| width="90%" class="mtx-class-macrohead" | '''GetIndex'''
|-
|-
| colspan="2" | Gets the ASCII value for the current keypress. If no key is pressed then the macro returns the value 255.&nbsp;
| colspan="2" | Gets the index value for the current keypress. If no key pressed then the macro returns the value 255.&nbsp;
|-
|-
|-
|-
Line 93: Line 93:




===GetString===
===GetNumber===
{| 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;" | '''GetString'''
| width="90%" class="mtx-class-macrohead" | '''GetNumber'''
|-
|-
| colspan="2" | Gets the ASCII value for the current keypress and returns in the form of a string. If no key pressed then the macro returns the value 255.&nbsp;
| colspan="2" | Gets the numeric value for the current keypress. If no key pressed then the macro returns the value 255.&nbsp;
|-
|-
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-string-icon.png]] - STRING
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}
|}




===GetNumber===
===GetString===
{| 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;" | '''GetNumber'''
| width="90%" class="mtx-class-macrohead" | '''GetString'''
|-
|-
| colspan="2" | Gets the numeric value for the current keypress. If no key pressed then the macro returns the value 255.&nbsp;
| colspan="2" | Gets the ASCII value for the current keypress and returns in the form of a string. If no key pressed then the macro returns the value 255.&nbsp;
|-
|-
|-
|-
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-u8-icon.png]] - BYTE
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-string-icon.png]] - STRING
| width="90%" style="border-top: 2px solid #000;" | ''Return''
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}
|}




===GetIndex===
===WaitPressed===
{| 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;" | '''GetIndex'''
| width="90%" class="mtx-class-macrohead" | '''WaitPressed'''
|-
|-
| colspan="2" | Gets the index value for the current keypress. If no key pressed then the macro returns the value 255.&nbsp;
| colspan="2" | Blocking call that waits for one of the keys on the keypad to be pressed. The index of the key that was pressed is passed back to the user.&nbsp;
|-
|-
|-
|-
Line 136: Line 136:


===WaitReleased===
===WaitReleased===
{| 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;" | '''WaitReleased'''
| width="90%" class="mtx-class-macrohead" | '''WaitReleased'''
|-
|-
| colspan="2" | Blocking call that waits for the keys on the keypad to be released. If no key is pressed then the function will return immediatley.&nbsp;
| colspan="2" | Blocking call that waits for the keys on the keypad to be released. If no key is pressed then the function will return immediatley.&nbsp;
Line 147: Line 147:
| width="90%" style="border-top: 2px solid #000;" | ''Return''
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}
|}




==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'''  
|-
|-
|-
|-
| 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;" | Connections
| width="90%" class="mtx-class-propfolder" | Connections
|-
|-
|-
|-
Line 173: Line 171:
| colspan="2" | &nbsp;
| 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 182: Line 180:
| colspan="2" | &nbsp;
| 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;" | Button 1
| width="90%" class="mtx-class-propfolder" | Button 1
|-
|-
|-
|-
Line 196: Line 194:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 2
| width="90%" class="mtx-class-propfolder" | Button 2
|-
|-
|-
|-
Line 210: Line 208:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 3
| width="90%" class="mtx-class-propfolder" | Button 3
|-
|-
|-
|-
Line 224: Line 222:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 4
| width="90%" class="mtx-class-propfolder" | Button 4
|-
|-
|-
|-
Line 238: Line 236:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 5
| width="90%" class="mtx-class-propfolder" | Button 5
|-
|-
|-
|-
Line 252: Line 250:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 6
| width="90%" class="mtx-class-propfolder" | Button 6
|-
|-
|-
|-
Line 266: Line 264:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 7
| width="90%" class="mtx-class-propfolder" | Button 7
|-
|-
|-
|-
Line 280: Line 278:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 8
| width="90%" class="mtx-class-propfolder" | Button 8
|-
|-
|-
|-
Line 294: Line 292:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 9
| width="90%" class="mtx-class-propfolder" | Button 9
|-
|-
|-
|-
Line 308: Line 306:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 10
| width="90%" class="mtx-class-propfolder" | Button 10
|-
|-
|-
|-
Line 322: Line 320:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 11
| width="90%" class="mtx-class-propfolder" | Button 11
|-
|-
|-
|-
Line 336: Line 334:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 12
| width="90%" class="mtx-class-propfolder" | Button 12
|-
|-
|-
|-
Line 350: Line 348:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 13
| width="90%" class="mtx-class-propfolder" | Button 13
|-
|-
|-
|-
Line 364: Line 362:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 14
| width="90%" class="mtx-class-propfolder" | Button 14
|-
|-
|-
|-
Line 378: Line 376:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 15
| width="90%" class="mtx-class-propfolder" | Button 15
|-
|-
|-
|-
Line 392: Line 390:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&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;" | Button 16
| width="90%" class="mtx-class-propfolder" | Button 16
|-
|-
|-
|-
Line 406: Line 404:
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
| colspan="2" | Set the colour for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label.&nbsp;
|}
|}
==Component Source Code==
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Keypad_4x4.fcfx FC_Comp_Source_Keypad_4x4.fcfx]
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Keypad_4x4.fcfx FC_Comp_Source_Keypad_4x4.fcfx]

Latest revision as of 14:36, 13 July 2026

Author Matrix TSL
Version 1.0
Category Keypad


Keypad component

Preset keypad based around the 4 * 4 unit.

Detailed description

No detailed description exists yet for this component

Examples

No additional examples







Macro reference

GetAscii

GetAscii
Gets the ASCII value for the current keypress. If no key is pressed then the macro returns the value 255. 
- BYTE Return


GetIndex

GetIndex
Gets the index value for the current keypress. If no key pressed then the macro returns the value 255. 
- BYTE Return


GetNumber

GetNumber
Gets the numeric value for the current keypress. If no key pressed then the macro returns the value 255. 
- BYTE Return


GetString

GetString
Gets the ASCII value for the current keypress and returns in the form of a string. If no key pressed then the macro returns the value 255. 
- STRING Return


WaitPressed

WaitPressed
Blocking call that waits for one of the keys on the keypad to be pressed. The index of the key that was pressed is passed back to the user. 
- BYTE Return


WaitReleased

WaitReleased
Blocking call that waits for the keys on the keypad to be released. If no key is pressed then the function will return immediatley. 
- VOID Return


Property reference

Properties
Connections
Output Mode
 
Port
 
Appearance
Backplate Colour
 
Button 1
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 2
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 3
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 4
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 5
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 6
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 7
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 8
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 9
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 10
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 11
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 12
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 13
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 14
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 15
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 
Button 16
Key colour
Set the colour of the key body here. This is applied to all objects making up a key, including the background colour of any text labels. 
Label colour
Set the colour for the default 'ASCII' text label on the key-cap. This setting will be ignored if a bitmap is set for the key label. 

Component Source Code

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

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