Increasing menu item thickness in custom app?

[espruino-discuss2]

Posted at 2024-12-28 by ruvi

I have a menu in my app:

var mainMenuItems = {
  "":{"title":" "},
  "Lying Down": () => showConfirmationMenu("ly"),
  "Sitting": () => showConfirmationMenu("si"),
  "Standing": () => showConfirmationMenu("st"),
  "Delete last": () => deleteLastLog()
};

var mainMenu = E.showMenu(mainMenuItems);

The buttons are so narrow compared to my fingertip and it is hard to even tell if I'm pressing the right buttons even if I'm very carefully and slowly pressing them.

Is there any way to widen buttons? Whether making the font taller or just padding above and below the text on each button?

I saw something about fontHeight in the graphical_menu library, but that doesn't seem to do anything here.

[espruino-discuss2]

Posted at 2024-12-28 by @halemmerich

You can override the E.showMenu to change the appearance of all menus using that.
There are some apps already existing like menuwheel or touchmenu. Maybe one of those is close enough or you can use them as a template for creating your own.

---

Posted at 2024-12-28 by ruvi

Great, thanks for the suggestions.

---

Posted at 2024-12-28 by @thyttan

Also see here: https://www.espruino.com/Bangle.js+Modification

---

Posted at 2024-12-28 by ruvi

Awesome, thanks.