Looking for a specific component | Community
Skip to main content
H
Heidi05
October 27, 2023
Solved

Looking for a specific component

  • October 27, 2023
  • 3 replies
  • 987 views

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?

Thank you!

 

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

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 

3 replies

aanchal-sikka
Community Advisor
aanchal-sikkaCommunity Advisor
Community Advisor
October 27, 2023

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
    H
    Heidi05Author
    October 27, 2023

    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.

      arunpatidar
      Community Advisor
      arunpatidarCommunity AdvisorAccepted solution
      Community Advisor
      October 27, 2023

      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
        kautuk_sahni
        Community Manager
        kautuk_sahniCommunity Manager
        Community Manager
        October 30, 2023

        @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
          Terms & ConditionsAccessibility statement

          Loading footer...