Skip to main content
jchernus-fikst
Senior
December 15, 2025
Question

Keyboard to programmatically change icon for key

  • December 15, 2025
  • 1 reply
  • 372 views

Good evening!

I'm implementing a keyboard that looks like the three mockups below (you can ignore the fourth, "Numbers Compact"). I'm manipulating the basic "Keyboard Example" provided by TouchGFX.

jchernusfikst_0-1765838022420.png

I have implemented two keyboard layouts - `alphaLayout` and `numLayout` and I programmatically switch between the two when the ABC/123 button is pressed. I am finding myself reaching for a third layout simply so I can have different icons for the SHIFT key between the lowercase and uppercase versions:

Key_Alpha_ShiftFilled_Default.png uppercase version

Key_Alpha_ShiftHollow_Default.png lowercase version

That seems silly, but I can't find any other way to change the icon on that one particular button for the unpressed state. Am I missing something?

Thanks,

Julia

1 reply

jchernus-fikst
Senior
December 16, 2025

The other thing I'd really like to do is have a different font colour for pressed/unpressed keys. This is more of a note for any TouchGFX staff reading, perhaps it can be added to the backlog :) 

Hopefully someone can chime in on the original question above, thanks!