Documentation / Widgets / Controller / Keyboard

Keyboard

An on-screen keyboard. Give it a Target textarea and typing goes there.

Group: Controller · Default size: 300 × 140 · Style parts: Main, Scrollbar, Items

A dropped Keyboard with LVGL’s keys: 1#, q to p and Backspace; ABC, a to l and Enter; underscore, dash, z to m, full stop, comma and colon; and the keyboard key, arrows, space and OK, the mode and edit keys in grey.
A Keyboard as it is dropped.
The Keyboard settings section: Target text area Message (Textarea), Mode Text lower, Key popovers.
Its settings, with a text area to type into.
SettingDefaultWhat it does
Target text area(none)The textarea it edits.
ModeText lowerText lower, Text upper, Special, Number, or User 1 for a map you define in code.

Example: typing into a text area

  1. Drag a Textarea to the top of the screen and name it Message: X 10, Y 10, Width 300, Height 44. Set Placeholder to Type a message and tick One line mode.
  2. Drag a Keyboard under it and make it the width of the screen: X 0, Y 100, Width 320, Height 140.
  3. Under Keyboard settings set Target text area to Message. On the board, each key a finger presses goes into it.
A text box saying Type a message at the top of the screen, and a full-width keyboard under it.
A text area and the keyboard that types into it.