Expand my Community achievements bar.

SOLVED

AEM 6.5 Components

Avatar

Level 4

I have an image component which i have dragged on same page two times, i want two different designs for both. How can i achieve that?

1 Accepted Solution

Avatar

Correct answer by
Level 2

Hi Shikha, you can refer Style system for your use case. Please refer this link which explains likewise use case:

https://medium.com/adobetech/using-aem-style-system-to-increase-reusability-of-components-8177c5b65c...

 

View solution in original post

4 Replies

Avatar

Employee Advisor

I believe using style system you could achieve this. You need to define styles via component policy as shown below -

DEBAL_DAS_0-1646975655329.png

 

Then define your styles here as per your requirement -

 

DEBAL_DAS_1-1646975706494.png

 

Please refer AEM GEEKS style system video , it will help to implement.

Avatar

Level 4

But style needs to be different for the same component dragged two times in same page. 

 

Using that it will have same style for the component if i will drag and drop it two times in the same page.

Avatar

Correct answer by
Level 2

Hi Shikha, you can refer Style system for your use case. Please refer this link which explains likewise use case:

https://medium.com/adobetech/using-aem-style-system-to-increase-reusability-of-components-8177c5b65c...