Floating Menu question

Hi! I'm just starting to explore custom floating menus, and for my first attempt, I'm trying to create a responsive floating menu with multiple rows, each containing a different number of buttons.

An example would be:

(Created in HTML like
test.html (1.8 KB)
…)

But in BetterTouchTool, I’m getting results more like:

Here, the button widths (even though they’re all the same) vary in each row in a way I don’t quite understand.

Any suggestions on how to achieve this? Thanks!

can you copy & paste your menu here? (or right-click export to file)

Floating Menu question.bttpreset (43.6 KB)

Hi Andreas. Have you had the opportunity to take a look at it?

I had a quick look, but it seems to contain a completely different setup than what you posted in your first post. Maybe add some details on how you would like it to look. Was maybe the wrong preset exported accidentally?

Sorry about that. This is the correct preset (I hope :slight_smile:)
test.bttpreset (94.7 KB)

Ah yes this looks correct. I can reproduce the issue with this. It seems to happen if the difference between min-width and max-width is relatively big, probably the algorithm I use hits a limit and doesn't continue trying to resize to fit. (I added some limits to prevent too high cpu usage). I'll check on how to solve this.

If you make the minimum width of the items bigger, it works much better.