Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

[AEM Gems Webinar] Accelerating Experience Manager as a Cloud Service development with Rapid Development Environments
SOLVED

Resizing snap to the grid for individual properties

Avatar

Level 2

When a component is added to a page via the Layout Container, you can resize the component and the width will snap to the grid.

Similar if the component contains a data-sly-resource referencing to another component.

My question is, if is possible to have the same resizing snap to grid for a property added via cq:dialog. For example, a Hero component has a title, text, image, cta added via cq:dialog, I want to author to be able to resize each of the item individually. The reason is because if the title is too long and goes 2 line, 1st line has 6 words and 2nd line only has 2 words, the author could resize the title to be 8 columns to balance the word to 4 words each row without needing to use <br> to force a line break.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

You can get grid column width and offset from cq:dialog and place items in row by using , you can use default width if nothing is supplies from dialog.

https://getbootstrap.com/docs/4.0/layout/grid/

https://getbootstrap.com/docs/4.0/layout/grid/#offset-classes

View solution in original post

0 Replies

Avatar

Correct answer by
Community Advisor

You can get grid column width and offset from cq:dialog and place items in row by using , you can use default width if nothing is supplies from dialog.

https://getbootstrap.com/docs/4.0/layout/grid/

https://getbootstrap.com/docs/4.0/layout/grid/#offset-classes

Avatar

Level 2

Thanks, Arun. The idea was to use the AEM grid Layout to resize. But if is not possible had to go with cq:dialog settings.grid.png