Difference between revisions of "Component: Keypad (Generic) (Keypad)"

From Flowcode Help
Jump to navigationJump to search
(Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | Matrix Ltd |- | width="20%" style="color:gray;" | Version | 1.5 |- | width="20%" style="color:gray...")
 
 
(10 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
Generic component to create a raster scanned custom keypad or button matrix. By default, each key is labelled with its ASCII return character. Alternatively, each key may use an image as a label. To use a custom key shape, build a single key, then point to it with the 'Custom key shape" property.  If the custom shape is a group, any item within the group that has a handle beginning with "label" will have the key label/image applied to it automatically.
 
Generic component to create a raster scanned custom keypad or button matrix. By default, each key is labelled with its ASCII return character. Alternatively, each key may use an image as a label. To use a custom key shape, build a single key, then point to it with the 'Custom key shape" property.  If the custom shape is a group, any item within the group that has a handle beginning with "label" will have the key label/image applied to it automatically.
  
−
==Component Pack==
+
==Component Source Code==
  
−
FREE
+
Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_Keypad_Base.fcfx FC_Comp_Source_Keypad_Base.fcfx]
 +
 
 +
Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_Keypad_Base.fcfx FC_Comp_Source_Keypad_Base.fcfx]
  
 
==Detailed description==
 
==Detailed description==
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
 
''No detailed description exists yet for this component''
 
''No detailed description exists yet for this component''
  
 
==Examples==
 
==Examples==
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 50: Line 80:
 
[[File:KeypadCirBuff.jpg]]
 
[[File:KeypadCirBuff.jpg]]
  
−
==Downloadable macro reference==
 
  
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
==Macro reference==
 +
 +
===GetAscii===
 
{| 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;" | '''WaitPressed'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''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. 
+
| colspan="2" | Gets the ASCII value for the current keypress. If no key is pressed then the macro returns the value 255. 
 
|-
 
|-
 
|-
 
|-
Line 65: Line 106:
  
  
 +
===GetIndex===
 
{| 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;" | '''GetAscii'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetIndex'''
 
|-
 
|-
−
| colspan="2" | Gets the ASCII value for the current keypress. If no key is pressed then the macro returns the value 255. 
+
| colspan="2" | Gets the index value for the current keypress. If no key pressed then the macro returns the value 255. 
 
|-
 
|-
 
|-
 
|-
Line 78: Line 120:
  
  
 +
===GetNumber===
 
{| 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;" | '''GetString'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''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 a null string. 
+
| colspan="2" | Gets the numeric value for the current keypress. If no key pressed then the macro returns the value 255. 
 
|-
 
|-
 
|-
 
|-
−
| 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''
 
|}
 
|}
  
  
 +
===GetString===
 
{| 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;" | '''GetNumber'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''GetString'''
 
|-
 
|-
−
| colspan="2" | Gets the numeric value for the current keypress. If no key pressed then the macro returns the value 255. 
+
| 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 a null string. 
 
|-
 
|-
 
|-
 
|-
−
| 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''
 
|}
 
|}
  
  
 +
===WaitPressed===
 
{| 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;" | '''GetIndex'''
+
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''WaitPressed'''
 
|-
 
|-
−
| colspan="2" | Gets the index value for the current keypress. If no key pressed then the macro returns the value 255. 
+
| 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. 
 
|-
 
|-
 
|-
 
|-
Line 117: Line 162:
  
  
 +
===WaitReleased===
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 
|-
 
|-
Line 128: Line 174:
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
| width="90%" style="border-top: 2px solid #000;" | ''Return''
 
|}
 
|}
−
 
−
 
  
  
Line 140: Line 184:
 
|-
 
|-
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Columns
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Dimensions
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 +
| width="90%" | Keys
 
|-
 
|-
 
| colspan="2" | Number of columns (left to right) in the array of keys. Must be a value from one to four. 
 
| colspan="2" | Number of columns (left to right) in the array of keys. Must be a value from one to four. 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Column spacing
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Return Values
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 +
| width="90%" | ASCII
 
|-
 
|-
−
| colspan="2" | Distance between columns in current world units. 
+
| colspan="2" | A list of return values for the 'GetString' and 'GetASCII' macros.  Enter a string with one character per key, in order of key scanning. Columns are counted first (left-to-right), then rows (direction set by the 'First Row' property) e.g. for a 2*2 grid, the order would be... [Row0, Column0], [Row0,Column1], ][Row1, Column0], [Row1, Column1] 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-14-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-11-icon.png]]
−
| width="90%" | Rows
+
| width="90%" | Numbers
 
|-
 
|-
−
| colspan="2" | Number of rows (top to bottom) in the key matrix. Must be a value from one to four. 
+
| colspan="2" | A list of return values for the 'GetNumber' macro.  Enter a comma separated list with one integer value per key, in order of key scanning. Columns are counted first (left-to-right), then rows (direction set by the 'First Row' property) e.g. for a 2*2 grid, the order would be... [Row0, Column0], [Row0,Column1], ][Row1, Column0], [Row1, Column1] 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Row spacing
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Connections
 
|-
 
|-
−
| colspan="2" | Distance between rows in current world units. 
 
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
−
| width="90%" | First row
+
| width="90%" | Output Mode
 +
|-
 +
| colspan="2" |  
 
|-
 
|-
−
| colspan="2" | Decide whether rows are counted from the top to the bottom (default), or from the bottom to the top.  
+
| width="10%" align="center" | [[File:Fc9-type-19-icon.png]]
 +
| width="90%" | Port
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-15-icon.png]]
+
| colspan="2" |  
−
| width="90%" | Key movement
 
 
|-
 
|-
−
| colspan="2" | The distance that the keys move into the panel when pressed. 
+
| 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-10-icon.png]]
 
−
| width="90%" | ASCII
 
 
|-
 
|-
−
| colspan="2" | A list of return values for the 'GetString' and 'GetASCII' macros. Enter a string with one character per key, in order of key scanning. Columns are counted first (left-to-right), then rows (direction set by the 'First Row' property) e.g. for a 2*2 grid, the order would be... [Row0, Column0], [Row0,Column1], ][Row1, Column0], [Row1, Column1] 
+
| width="10%" align="center" | [[File:Fc9-type-16-icon.png]]
 +
| width="90%" | Style
 +
|-
 +
| colspan="2" |  
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 +
| width="90%" |  Colour
 +
|-
 +
| colspan="2" | Specifies the fill colour of the shape 
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 +
| width="90%" | Colour
 +
|-
 +
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-11-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Numbers
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | A list of return values for the 'GetNumber' macro.  Enter a comma separated list with one integer value per key, in order of key scanning. Columns are counted first (left-to-right), then rows (direction set by the 'First Row' property) e.g. for a 2*2 grid, the order would be... [Row0, Column0], [Row0,Column1], ][Row1, Column0], [Row1, Column1] 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-17-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Custom key shape
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | To use a custom shape for the keys... 1 - On the System Panel, use shapes and/or meshes to design a new key shape.  The top surface of the key, where your finger would press, must be uppermost in the Z-axis. 2 - If your key requires a label, include an iobject suitable for drawing a lable onto, and give it a handle name beginning with the word 'label'. 3 - The new key design can be made up of many individual objects - make sure to select them all and group them toegether into a single item. 4 - Now set the 'Cusrtom' property to point at your new design. The original 'prototype' will be hidden, and duplicated into the keypad matrix as many times as required.  If there is a 'label' object inside the key design, each key's 'ASCII' return value will be printed there. 5 - Use the 'Button' properties below to set colours, and optional bitmap labels, for individual keys. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-3-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label font
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the font here to use for printing the 'ASCII' labels to the inidividual key-caps. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label Color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
 
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
 
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Key color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Label color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Image
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Key color
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Set the color of the key body here.  This is applied to all objects making up a key, including the background color of any text labels. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-1-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Label color
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Set the color for the default 'ASCII' text label on the key-cap.  This setting will be ignored if a bitmap is set for the key label. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Image
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Choose a bitmap file (.bmp, .jpg, .png) to use instead of the default 'ASCII' key legend. The bitmap will be drawn onto any object within the key component with a handle that begins with the word 'label'. 
 
 
|-
 
|-
−
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-conn-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Connections'''
+
| width="90%" | Colour
 
|-
 
|-
 +
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Column 1
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Pin for the first column of keys. Columns are counted from left to right. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Column 2
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Pin for the second column of keys. Columns are counted from left to right. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Column 3
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Pin for the third column of keys. Columns are counted from left to right. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Row 1
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Pin for the first row of keys. Columns are counted from top to bottom by default - they can be counted from bottom to top by changing the 'First Row' property in the 'Dimensions' section. 
+
| colspan="2" | Specifies the font colour for the item 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Row 2
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Button
 
|-
 
|-
−
| colspan="2" | Pin for the second row of keys. Columns are counted from top to bottom by default - they can be counted from bottom to top by changing the 'First Row' property in the 'Dimensions' section. 
 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" | Row 3
+
| width="90%" | Colour
 
|-
 
|-
−
| colspan="2" | Pin for the third row of keys. Columns are counted from top to bottom by default - they can be counted from bottom to top by changing the 'First Row' property in the 'Dimensions' section. 
+
| colspan="2" | Specifies the fill colour of the shape 
 
|-
 
|-
−
| width="10%" align="center" | [[File:Fc9-type-5-icon.png]]
+
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
−
| width="90%" | Row 4
+
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Label
 
|-
 
|-
−
| colspan="2" | Pin for the fourth row of keys. Columns are counted from top to bottom by default - they can be counted from bottom to top by changing the 'First Row' property in the 'Dimensions' section. 
 
 
|-
 
|-
−
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-conn-icon.png]]
+
| width="10%" align="center" | [[File:Fc9-type-2-icon.png]]
−
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Simulations'''
+
| width="90%" | Colour
 
|-
 
|-
 +
| colspan="2" | Specifies the font colour for the item 
 
|}
 
|}

Latest revision as of 13:11, 7 February 2023

Author Matrix Ltd
Version 1.5
Category Keypad


Keypad (Generic) component

Generic component to create a raster scanned custom keypad or button matrix. By default, each key is labelled with its ASCII return character. Alternatively, each key may use an image as a label. To use a custom key shape, build a single key, then point to it with the 'Custom key shape" property. If the custom shape is a group, any item within the group that has a handle beginning with "label" will have the key label/image applied to it automatically.

Component Source Code

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

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

Detailed description

No detailed description exists yet for this component

Examples

3 x 4 Keypad Schematic

Example schematic of a 3 x 4 Keypad.

KeypadSchematic2.jpg


Multi Digit Number Entry

A simple example to take in a decimal number (0-65535) from the user and then use this number as a delay for flashing a LED on and off. Shows the principals of reading the keypad and building up a multi-digit number.

FC6 Icon.png Keypad Delay


Keypad Based Door Entry System

Each key press on the keypad is fed into the Circular Buffer component. We then poll the buffer to see if the correct characters for the password have been entered.

FC6 Icon.png Keypad Door Entry

If the correct sequence is detected then we activate the solenoid component for 5 seconds.

KeypadCirBuff.jpg






Macro reference

GetAscii

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


GetIndex

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


GetNumber

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


GetString

Fc9-comp-macro.png 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 a null string. 
Fc9-string-icon.png - STRING Return


WaitPressed

Fc9-comp-macro.png 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. 
Fc9-u8-icon.png - BYTE Return


WaitReleased

Fc9-comp-macro.png 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. 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Dimensions
Fc9-type-16-icon.png Keys
Number of columns (left to right) in the array of keys. Must be a value from one to four. 
Fc9-conn-icon.png Return Values
Fc9-type-10-icon.png ASCII
A list of return values for the 'GetString' and 'GetASCII' macros. Enter a string with one character per key, in order of key scanning. Columns are counted first (left-to-right), then rows (direction set by the 'First Row' property) e.g. for a 2*2 grid, the order would be... [Row0, Column0], [Row0,Column1], ][Row1, Column0], [Row1, Column1] 
Fc9-type-11-icon.png Numbers
A list of return values for the 'GetNumber' macro. Enter a comma separated list with one integer value per key, in order of key scanning. Columns are counted first (left-to-right), then rows (direction set by the 'First Row' property) e.g. for a 2*2 grid, the order would be... [Row0, Column0], [Row0,Column1], ][Row1, Column0], [Row1, Column1] 
Fc9-conn-icon.png Connections
Fc9-type-16-icon.png Output Mode
 
Fc9-type-19-icon.png Port
 
Fc9-conn-icon.png Appearance
Fc9-type-16-icon.png Style
 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Fc9-conn-icon.png Button
Fc9-type-2-icon.png Colour
Specifies the fill colour of the shape 
Fc9-conn-icon.png Label
Fc9-type-2-icon.png Colour
Specifies the font colour for the item 
Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Keypad_(Generic)_(Keypad)&oldid=38115"