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

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