Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

AEM grid

Avatar

Level 2

I noticed the grid used in AEM is in float.
Is there anything using flex? it would be nice not to rely on JavaScript to enable vertical alignment...

4 Replies

Avatar

Employee Advisor

@marjorielazaro  Are you using AEM forms or AEM sites?

Avatar

Level 2

So far we have AEM sites but we're also getting AEM Forms next year.

Avatar

Level 2

We also have this issue and would love to know if you found any solutions.

 

We want to "upgrade" the AEM float grid to use flexbox to take advantage of all the layout power it opens up. We haven't spent too much time on it yet, but our first attempt was to change the grid.less files to display: flex. The main issue that had was in responsive authoring and parsys. The "drag components" section is shifted to the right and is difficult to adjust the layout. 

 

Any thoughts or help will be greatly appreciated! It's unfortunate that Adobe is so far behind the curve and still using floats...very disappointing.

Avatar

Employee Advisor

@kautuk_sahni Can you please help with this post?