Jump to content

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

From Flowcode Help
XML import
 
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder""
 
(18 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{| style="width:50%"
 
{| width="50%"
|-
|-
| width="20%" style="color: gray;" | Author
| width="20%" style="color:gray;" | Author
| Matrix TSL
| Matrix TSL
|-
|-
| width="20%" style="color: gray;" | Version
| width="20%" style="color:gray;" | Version
| 1.0 (Release)
| 1.0
|-
|-
| width="20%" style="color: gray;" | Category
| width="20%" style="color:gray;" | Category
| Keypad
| Keypad
|}
|}




 
==Keypad component==
==[[File:Component Icon 6c74b9ee_2907_4b1e_8a9b_80fc192b6027.png|Image]] Keypad (4x4) component==
Preset keypad based around the 4 * 4 unit.
Preset keypad based around the 4 * 4 unit.


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




==Downloadable macro reference==


===<span style="font-weight: normal;"><u><tt>WaitPressed</tt></u></span>===
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.


'''Parameters'''


:''This macro has no parameters''




'''Return value'''


:[[Variable Types|BYTE]] : Index of the first key pressed.




===<span style="font-weight: normal;"><u><tt>GetAscii</tt></u></span>===
Gets the ASCII value for the current keypress. If no key is pressed then the macro returns the value 255.


'''Parameters'''


:''This macro has no parameters''




'''Return value'''


:[[Variable Types|BYTE]] : ASCII code of the pressed switch (or 255 if none pressed)
''No detailed description exists yet for this component''


==Examples==


===<span style="font-weight: normal;"><u><tt>GetString</tt></u></span>===
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.


'''Parameters'''


:''This macro has no parameters''




'''Return value'''


:[[Variable Types|STRING]] : Single character representing the pressed key, or an empty string if none pressed.




===<span style="font-weight: normal;"><u><tt>GetNumber</tt></u></span>===
Gets the numeric value for the current keypress. If no key pressed then the macro returns the value 255.


'''Parameters'''


:''This macro has no parameters''




'''Return value'''


:[[Variable Types|BYTE]] : Number return value of the pressed key, or 255 if none pressed.




===<span style="font-weight: normal;"><u><tt>GetIndex</tt></u></span>===
Gets the index value for the current keypress. If no key pressed then the macro returns the value 255.


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


:''This macro has no parameters''




'''Return value'''


:[[Variable Types|BYTE]] : Index of the pressed switch, or 255 if none pressed.




===<span style="font-weight: normal;"><u><tt>WaitReleased</tt></u></span>===
Blocking call that waits for the keys on the keypad to be released. If no key is pressed then the function will return immediatley.


'''Parameters'''


:''This macro has no parameters''




'''Return value'''


:''This call does not return a value''


==Macro reference==


===GetAscii===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''GetAscii'''
|-
| colspan="2" | Gets the ASCII value for the current keypress. If no key is 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="90%" style="border-top: 2px solid #000;" | ''Return''
|}


==Simulation macro reference==


''This component does not contain any simulation macros''
===GetIndex===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''GetIndex'''
|-
| colspan="2" | Gets the index 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-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}




==Property reference==
===GetNumber===
<span style="font-weight: normal;"><u>Column 1</u></span>
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''GetNumber'''
|-
| 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-u8-icon.png]] - BYTE
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}


This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_col1''.


Pin for the first column of keys.
===GetString===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''GetString'''
|-
| 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-string-icon.png]] - STRING
| width="90%" style="border-top: 2px solid #000;" | ''Return''
|}


Columns are counted from left to right.


<span style="font-weight: normal;"><u>Column 2</u></span>
===WaitPressed===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" class="mtx-class-macrohead" | '''WaitPressed'''
|-
| 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;
|-
|-
| 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''
|}


This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_col2''.


Pin for the second column of keys.
===WaitReleased===
{| class="mtx-class-macrotable wikitable"
|-
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| 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;
|-
|-
| 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''
|}


Columns are counted from left to right.


<span style="font-weight: normal;"><u>Column 3</u></span>
==Property reference==


This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_col3''.
{| class="mtx-class-macrotable wikitable"
 
|-
Pin for the third column of keys.
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
 
| width="90%" class="mtx-class-macrohead" | '''Properties'''
Columns are counted from left to right.
|-
 
|-
<span style="font-weight: normal;"><u>Column 4</u></span>
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
 
| width="90%" class="mtx-class-propfolder" | Connections
This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_col4''.
|-
 
|-
Pin for the fourth column of keys.
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
| width="90%" | Output Mode
Columns are counted from left to right.
|-
 
| colspan="2" | &nbsp;
<span style="font-weight: normal;"><u>Row 1</u></span>
|-
 
| width="10%" align="center" | [[File:Fc9-type-19-icon.png]]
This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_row1''.
| width="90%" | Port
 
|-
Pin for the first row of keys.
| colspan="2" | &nbsp;
 
|-
Columns are counted from top to bottom by default - they can be counted from bottom to top
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
 
| width="90%" class="mtx-class-propfolder" | Appearance
by changing the 'First Row' property in the 'Dimensions' section.
|-
 
|-
<span style="font-weight: normal;"><u>Row 2</u></span>
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
 
| width="90%" | Backplate Colour
This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_row2''.
|-
 
| colspan="2" | &nbsp;
Pin for the second row of keys.
|-
 
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
Columns are counted from top to bottom by default - they can be counted from bottom to top
| width="90%" class="mtx-class-propfolder" | Button 1
 
|-
by changing the 'First Row' property in the 'Dimensions' section.
|-
 
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
<span style="font-weight: normal;"><u>Row 3</u></span>
| width="90%" | Key colour
 
|-
This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_row3''.
| colspan="2" | 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.&nbsp;
 
|-
Pin for the third row of keys.
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
 
| width="90%" | Label colour
Columns are counted from top to bottom by default - they can be counted from bottom to top
|-
 
| 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;
by changing the 'First Row' property in the 'Dimensions' section.
|-
 
| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
<span style="font-weight: normal;"><u>Row 4</u></span>
| width="90%" class="mtx-class-propfolder" | Button 2
 
|-
This property is of type ''Single digital pin'' and can be referenced with the variable name ''keypad_base::pin_row4''.
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 3
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 4
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 5
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 6
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 7
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 8
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 9
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 10
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 11
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 12
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 13
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 14
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 15
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
| width="90%" class="mtx-class-propfolder" | Button 16
|-
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Key colour
|-
| colspan="2" | 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.&nbsp;
|-
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
| width="90%" | Label colour
|-
| 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;
|}


Pin for the fourth row of keys.
==Component Source Code==


Columns are counted from top to bottom by default - they can be counted from bottom to top
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]


by changing the 'First Row' property in the 'Dimensions' section.
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