Skip to main content

Many people have said the same thing, but I’m here to recommend supporting percentages within auto layout. I’ve seen many people asking for the same thing.

Percentage width auto layout would help us be more efficient. Auto layout “Fill container” is great for sections being sized equally (50/50 or 30/30/30).

When we’re designing content with sections, the sections are generally not the same width as each other to indicate importance.

Myself and many other designers would love to have autolayout support something like this:

  • The main container has the same spacing all the way around
  • Each section takes up a specifid percentage of the container (70% and 30%)
  • When the modal grows and shrinks, those sections maintain their width of 70% and 30%
  Without spacing With spacing
800px wide

 

 

1000px wide

 

 

 

This is what autolayout currently supports

If we use auto layout, each section must be a specified width or the same width as the other sections.  It makes it so we cannot use autolayout on re-usable components like page layouts or dialogues because the content cannot maintain its scale.

Without spacing With spacing

 

 

This is awesome! I think this can be done as MIN-MAX , but with percentages, you would set the autolayout as fill-container , with a min and max width of x% from parent.
 


+1


+1 really need this feature!!


It would be wonderful if Auto Layout had the properties we’d expect from Flex Box. Since that seems to be what it was shooting for.


Yes! I actually need this today.


+1
Yea need this like today as well …. trying to match code and it ain’t easy without percetages


+1 essential for communicating responsive behaviour


100% this needs to be a feature, so we can design layouts with css capabilities in mind. 


gotta use-case where this would be great. +1