AEM grid

Avatar

Avatar
Boost 1
Level 1
marjorielazaro
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
marjorielazaro
Level 1

Like

1 like

Total Posts

3 posts

Correct reply

0 solutions
Top badges earned
Boost 1
View profile
marjorielazaro
Level 1

26-08-2020

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...

Accepted Solutions (0)

Answers (3)

Answers (3)

Avatar

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile
Mayank_Gandhi
Level 10

18-01-2021

@kautuk_sahni Can you please help with this post?

Avatar

Avatar
Boost 3
Level 1
danlewski
Level 1

Likes

3 likes

Total Posts

5 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile

Avatar
Boost 3
Level 1
danlewski
Level 1

Likes

3 likes

Total Posts

5 posts

Correct reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile
danlewski
Level 1

18-01-2021

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

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile
Mayank_Gandhi
Level 10

26-08-2020

@marjorielazaro  Are you using AEM forms or AEM sites?