Skip to main content
Cody_Porter
Cody_Porter
New Member
January 22, 2021

LAUNCHED: Min and Max Width for Auto Layout

  • January 22, 2021
  • 95 replies
  • 65554 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,

    95 replies

    Show previous replies
    Reis_Andreia
    July 14, 2023

    When it will be launched?

      xDlab_Biettron_Laurent
      xDlab_Biettron_Laurent
      New Member
      July 21, 2023

      Hi. I have a component made of a frame containing frames containing texts. If, in this component, I set a max with for the top frame, I can change or remove it in the component instances. But I cannot change or remove max width for the nested layers in the instances… Shouldn’t this be possible?

      Design31
      August 7, 2023

      Does anyone know if this is a bug?

      I am able to set min and max height for components. When I use the scale tool (double and single arrow versions of scaling), the min is respected, but the max is changeable - i.e. i can increase the size of the instance when scaling. I would like to prevent that so our components don’t exceed the intended size. Thanks!

      Silver
      Silver
      New Participant
      August 29, 2023

      Variants with interactions seem to remove/ignore min-max values in instances? If min-max is applied to instance, then after interaction it loses the min-max. When interacting back to the initial state, min-max is back! But it should retain min-max in every variant/state. State management options in interaction panel doesn’t seem to affect the behaviour.

      David Henderson
      David Henderson
      New Member
      June 10, 2025

      I agree with most of the comments already given. They’ll be many good uses for grid once it has some basic concepts that are commonplace when developing. Min and max on grid cols/rows, selecting of rows/columns...and more. For Grids to be useful some of this is needed.

      Terms & ConditionsAccessibility statement