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

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list
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

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

 

The ultimate experience is back.

Join us in Vegas to build skills, learn from the world's top brands, and be inspired.

Register Now