How to make 2 buttons with different text lenght having same width

Hi Julien,

You can achieve that by setting the alignment of the button to justified instead of centered or left or right. That way the button will fill up the entire space of the widget your are placing it in.

Make smaller widgets if you do not want very large buttons and or play around with padding and you will get the disired look!

I did it here in test:https://logologics.nl/webshop-starter/agenda/

Annie

Thanks Annie

I did that already, however it did not display in same button size on the tablet’s display, on the others it did. See here: https://imgur.com/a/iqfmt

Regards

Hmm, there are ofcourse limits on what gets into a smal window…
I mean in your screenshot you can tell that the two buttons fill the entire screen.
How should that be divided in two same width? Can not be two same smallest ones, because in that case the large text wont fit and can not be the smallest one eather because then the large text wont fit into the screen.

Have you tried setting the button to small size if on small mobile? I see it is set to large even when on a small screen?

In mobile editing also maybe use smaller text to make it happen?

I just put all to xl on every display screen, I prefer their look so.

I do not get why on tablet it does not align buttons vertically and keeps same sizes for them like on mobile phones.

Or align on tablet like on desktop with the same button size side by side.

Here’s a picture that shows that it is an overall issue I am facing: https://imgur.com/a/bkbAt