PaulMcF1987
commented
1 year ago I have opened a support ticket on discord for the same thing
I feel that while the Auto layout serves a purpose, it is not very clean.
For example... the the below picture, all the buttons are supposed to be the same size but the auto layout changes it to the size that they feel it should be making them different widths and there is no way to change this and to be honest, it looks untidy
this next point isnt related to auto layout as such, more related to the widgets in general. I feel that there is far too much padding added as standard to the widgets which again doesnt allow for us to get apps looking as neat as we would like
Take the below picture, in an ideal world I would rather that the 2 text elements were touching. this would look neater as it would get rid of white space. it would also save space on the app screen and would allow for a tighter, neater looking app
The same issue lies with containers, the standard container size, I feel is too big.
Sometimes I am forced to group widgets together in containers
For example... if I have a set up similar to the picture
If one of the text widgets at the right hand side ends up taking up 2 rows it knocks everything out slightly as shown in this pic
the solution is to wrap the text widgets inside a container but as you can see from the pic, this then creates a massive space which doesnt look very neat
I have also tried using the fixed height with limits option but you end up with a scroll bar as highlighted in the pic and also still gives more space than I would like
The last option would be to use a fixed size container, but then this defeats the purpose as it does not adapt to suite the contained widget
tbrizitsky
Is there an existing issue for this?
Summary
I know in one of your videos it was mentioned most of the appsmith community is comprised of mostly back end developers who dislike css and so the auto layout feature was built. Although its useful most of the time, it is always inevitable that some specific elements are preffered to be a different size in some contexts. So I wish there was a way to get a little bit more control on how the auto layout feature operates. My suggestion is to at least add an optional "max-width" or "max height property" for each element just like in css to give more precision on how elements look and avoid elements looking to stretched or compressed.
Why should this be worked on?
This would truly allow users to build a single app that is beautiful, optimized and functional for all screen sizes. This vision one was expressed in one of the yt videos and i believe it would truly be realized with a little css like control. Similar to how bubble handles it, Thanks. great platform btw