Expand my Community achievements bar.

SOLVED

Looking for a specific component

Avatar

Level 2

Good morning,

I am looking for a component in the AEM tool that can help me achieve this. Unfortunately, I haven't found anything like this so far.
It should have 4 columns - with a different image on the left side in each column.

How can I implement this?

Heidi05_0-1698389606601.png

Thank you!

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @Heidi05 
You can try using Layout mode to resize images and arrange in 4 columns

https://medium.com/@knennigtri/aem-for-content-authors-with-layout-rules-71b4cb9abcec 



Arun Patidar

View solution in original post

4 Replies

Avatar

Community Advisor

Hello @Heidi05 

 

You would need to extend List component to achieve this.

Depending on how these icons are linked to the corresponding Page, you can update HTL and Dialog. Example:

  • If a Pages feature image, some update to Sling Model would also be needed
  • If its from pre-defined list of icons, we can create a composite multifield for Static List (Link +Icon from dropdown)

Aanchal Sikka

Avatar

Level 2

Hello @aanchal-sikka 

Thank you for your answer. The image is independent of a corresponding page.
I have no idea how I can do that.

Avatar

Correct answer by
Community Advisor

Hi @Heidi05 
You can try using Layout mode to resize images and arrange in 4 columns

https://medium.com/@knennigtri/aem-for-content-authors-with-layout-rules-71b4cb9abcec 



Arun Patidar

Avatar

Administrator

@Heidi05 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.



Kautuk Sahni