Add costume KeyPad in Squareline Studio

How to
1

What do you want to achieve?

Add costume keypad to my UI in SquareLine Studio like the image below:

Screenshot_20231127-171723
Screenshot_20231127-171723543×608 86.1 KB

What have you tried so far?

I have tried the standard keyboard but it has more keys then I need.

Screenshot or video

Others

  • SquareLine Studio version: V1.3.3
  • Operating system: Windows
  • Target hardware: Esp32 (Arduino)
2

You have two possible options:
-Create a ‘CALL FUNCTION’ event for a button/widget that calls an LVGL code (function) that sets the mode of the keyboard programmatically. See the reply by @kisvegabor here: Change keyboard mode on an event

-Or create the buttons one-by-one with a flex layout and set ‘CALL FUNCTION’ for all of them, which in turn will call corresponding functions in your LVGL-code that sets the value for the button.

3

Hi Hermit,

Thank you for your reply. That makes sense, especially the second option makes more sense for me. I will try it out.

Thanks again!