need to write slightly AEM code for grid component, when we select divider as option a vertical line should be added in between the grids

Question

need to write slightly AEM code for grid component, it has two options one is default and other one is separator, when we select separator as option a vertical line should be added in between the grids

when we select default:

when we select separator:

Can someone please help me ?

Mahesh_Gunaje · Answer

Hi @tejuuu123

You need to use style policy. Add 2 styles. 1: Default-option, 2: Separator. Set Default option as the default selection. if Author selects the separator style, then modify the html file as per your requirement.

https://experienceleague.adobe.com/docs/experience-manager-65/content/sites/authoring/siteandpage/style-system.html?lang=en#:~:text=In%20order%20for%20a%20component,%2Fstyle%2Ftab_design%2Fstyletab%22

https://www.youtube.com/watch?v=T7MHJdA1e80

Sign up

Login with SSO

Login to the community

Login with SSO