Skip to main content

Custom Keyboards

Creating Custom Keyboard Layouts​

In some scenarios, the default on-screen keyboard layout does not meet the needs of your application. In these cases, you can design and deploy custom keyboard layouts to maximize usability and efficiency.

To activate and configure TheFlex Keyboard:

  1. Navigate to Settings > Languages and tap On-screen keyboard

    Select On-screen keyboard

  2. Tap Manage on-screen keyboards

    Manage on-screen keyboards

  3. Enable TheFlex Keyboard

    Activate TheFlex Keyboard

  4. Return to your app and select TheFlex Keyboard as the active input method

    Select TheFlex Keyboard

Once enabled, you can fully customize key appearance (color, size) and behavior. The Keyboard Editor provides interface for designing your layout and previewing changes in real time:

Custom keyboard example

Alternatively, you can use an MDM solution—such as SOTI MobiControl or Intune—and configure it there.

Adding Your Custom Keyboard to the App​

  1. Open the app’s keyboard settings and choose Custom Keyboards

    Open Custom Keyboards

  2. Click Add Custom Keyboard

    Add Custom Keyboard

  3. Select an Input Type from the dropdown; a short description will appear beneath it

    Input type selection

The custom keyboard is only activated for input fields whose type matches your selection. We recommend defining a default input type to ensure a keyboard is always available for any unassigned fields.

Custom Input Types​

If you need even finer control, choose Custom Input Type. In your HTML or Fiori app, assign a matching data attribute to your input field, for example:

<input type="text" data-theflex-keyboard="myCustomParameter" />