Increasing menu item thickness in custom app?

Posted on Sat 28th, December 2024

• #1

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.
• #2

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.
• #3

ruvi

Great, thanks for the suggestions.
• #4

Ganblejs

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

ruvi

Awesome, thanks.

Post a reply
- Bold
- Italics
- Link
- Image
- List
- Quote
- code
- Preview
Formatting Help

Don't worry about formatting, just type in the text and we'll take care of making sense of it. We will auto-convert links, and if you put asterisks around words we will make them bold.

Tips:

Create headers by underlining text with ==== or ----

To *italicise* text put one asterisk each side of the word

To **bold** text put two asterisks each side of the word

Embed images by entering:
![](https://www.google.co.uk/images/srpr/logo4w.png)
That's the hard one: exclamation, square brackets and then the URL to the image in brackets.

* Create lists by starting lines with asterisks

1. Create numbered lists by starting lines with a number and a dot

> Quote text by starting lines with >

Mention another user by @username

For syntax highlighting, surround the code block with three backticks:

```
Your code goes here
```
Just like Github, a blank line must precede a code block.

If you upload more than 5 files we will display all attachments as thumbnails.

For a full reference visit the Markdown syntax.