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

AEM 6.5 Components

Avatar

Level 3

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

0 Replies

Avatar

Community 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 3

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