Ordered List File (EFO)

The EFO (Ordered List File) is used for organizing and presenting data in a specific sequence or arrangement. Different types of EFO include: Custom Table, Dynamic Pivot, Dynamic Camera and On-Screen Keyboard.

On-Screen Keyboard

In flint, the user can create OSK with ease. Default templates are also available for numeric and alphanumeric keyboards. Users can customize the layout as per their requirements.

To create a new EFO file for On Screen Keyboard, right click on the data folder and select New->Other. On the dialog, select Sparklet EFO option.

Efo

Creating an EFO file

Then click next and select EFO type as On-screen keyboard and select the “Custom keyboard” from template drop down. Enter the layout width and height values (based on design requirements) then click Next.

Efo

EFO - Custom Keyboard selection

Efo

EFO - Custom Keyboard

Give the name to the EFO file. Once entered, click “Finish”. Now the EFO file is created as shown below:

Efo

EFO - On Screen Keyboard

  • Add - To add key information, click on the “Add” button. This action will add a row with default key information which can be edited as per requirement. The row remains editable where we can enter the required values.

  • Edit – This button is used to edit more than one row which is enabled only on selection of multiple rows. This will be helpful when a value has to be the same for multiple keys. Select 2 or more rows and click edit. A popup will be shown with the key properties. Fill in whichever value should be common and click okay. This can also be used to clear a common property.

  • Delete - To remove key from the table.

  • Up - To move up a selected key in a table.

  • Down - To move down a selected key in a table.

Properties of a Key

S.No.

Properties

Description

1

Pos X

X Position of the Key.

2

Pos Y

Y Position of the Key.

3

Width

Width of the Key.

4

Height

Height of the Key.

5

Text Pos X

X position of the Key text.

6

Text Pos Y

Y position of the Key text.

7

Text Font

Font style of the Key text.

8

Modifier

A key that changes another key’s action when both keys are pressed simultaneously is known as a modifier key.Modifier types- Shift, Numeric, Shift + Numeric.

9

Key Code

Key codes are ASCII code of values that correspond to physical keys on the keyboard.

10

Display Text

Text/Character of the key.

11

Normal Image

To set an image for the normal state.

12

Pressed Image

To set an image for the pressed state.

13

Normal Color

To set a color of the text for the normal state.

14

Pressed Color

To set a color of the text for the pressed state.

Efo

Properties of a Key

Once a key is added in the EFO table, it can be viewed in the layout tab.

Efo

OSK - Layout

In the Layout tab, we can modify the properties of the added keys and add the following keyboard properties.

S.No.

Properties

Description

1

Layout - W & H

Width & Height of the Keyboard Layout.

2

Position - X & Y

X & Y position of the Keyboard Layout in design view.

3

Modifier

Shift - Shows only the Shift modifier type.

Num - Shows only the Num modifier type.

Shift + Num - Shows only the Shift + Num modifier type.

4

State

Normal - Enables the normal state for each key.

Pressed - Enables the pressed state for each key.

5

Keyboard BG

To set a background image for the keyboard.

Right-clicking on a key in the layout provides the following options:

  • Add Key – Adds a new key to the keyboard layout.

  • Duplicate Key – Creates a copy of the selected key within the layout.

  • Bring to Front – Moves the selected key to the top, above all other keys.

  • Bring Forward – Moves the selected key one step forward in the stacking order.

  • Send to Back – Moves the selected key behind all other keys.

  • Send Backward – Moves the selected key one step backward in the stacking order.

  • Delete Key – Removes the selected key from the layout.

After adding the keys, the UI will look like

Efo

OSK - Layout

Now drag and drop a text edit widget into the design view. Set the common properties like ID, size, position and under Advanced Properties, map the created EFO (custom_keyboard.efo) in the Keyboard file selection option.

Efo

Text Edit Properties

Efo

Keyboard file selection

Now create a data variable with String type and map it to Text Data ID of Text edit widget.

Efo

Creating a Data variable

Efo

Data ID mapping

Simply export and simulate it. By double clicking on the Edit box, the on-screen keyboard appears in the specified position and by clicking the keys, the corresponding character will be displayed in text box.

Efo

Simulation of On-Screen keyboard

Watch the Flint tutorial video of On-Screen Keyboard in more detail in the link below: https://www.youtube.com/watch?v=iWUtvQNk5kk