New Member

LAUNCHED: Min and Max Width for Auto Layout

Forum|Forum|5 years ago
January 22, 2021
95 replies
65553 views

I would like to add a max-width to a text box while using auto layout to keep the word count per line at a reasonable minimum.

Currently, I have the text element set to “Fill Container” which makes the text respond very nicely to the screen size. But because it is set to “Fill Container”, the text spans the entire width of the element which makes the text lines more difficult for users to read quickly.

If a max-width was set, the component should respond until it reaches the max-width, which would help keep the line length down.

I also feel like there are many other circumstances where max and min-width would be extremely helpful

Anyone else having this issue? Or does anyone have a great fix/hack to get around it?

Looking forward to seeing what you have to say.

Cheers,

Share an idea

Show previous replies

Alex_Wright

Yes That’s my exact use case for why I need it, too!

Oluwadamilare

I am still having trouble with setting min-width for buttons. The option of including an hidden line works but doesn’t work when I include an icon. Who can help?

Vincent21

I am still having trouble with setting min-width for buttons. The option of including an hidden line works but doesn’t work when I include an icon. Who can help?

Remy1

+1 how to use auto-layout without max-width?

Daniel_Lewandowski1

+!,000,000 PLEASE! This is a critical feature and hope it’ll be added soon.

Michael_Vogl

It appears this workaround does not work anymore… I, like others can still resize beyond the min size limit. Even in the demo files.

Camila_Grizio

What I do to define max-widths is create a component for the element (e.g., a container with text inside). In the component, I define a fixed width (e.g. 1100px), which will play as my max-width.
Then, I use instances of that component in the screen I’m working on and, depending on the frame size I’m using, I switch from “fixed width” (it will have the same width as the one I set in the component, which would be the max-width) to “fill container” (for frames that have a smaller size than the max-width).

Katherine_Hajer

I need to have buttons expand (and reduce padding to a certain minimum) if their label is longer than usual, but if the label is shorter than usual, they need to retain a certain minimum width (all while keeping the label centred).

I’ve tried a bunch of different ways to do this, and none of them are working. It’s a big concern because I don’t want the team members to keep fussing with Auto-Layout settings (the whole idea is to make this easy for everyone, not harder).

+1 for this feature, all the way.