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 | Community
Skip to main content
T
tejuuu123
New Participant
March 13, 2024
Question

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

  • March 13, 2024
  • 1 reply
  • 527 views

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 ?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

M
Mahesh_Gunaje
New Participant
March 13, 2024

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 

 

    T
    tejuuu123Author
    New Participant
    March 13, 2024

    Hi,

     

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

    Terms & ConditionsAccessibility statement

    Loading footer...