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

[tejuuu123]

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]

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

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

[tejuuu123]

Hi,

I have own style system , here my requirement is to write slightly condition and iterate.