swapping text and image side by side using aem | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
SahrudayaB
SahrudayaBAccepted solution
Level 2
Dec 13, 2021 10:20 AM UTC

swapping text and image side by side in single component.

 

 

View reply

6 replies

Pavan_Kalyan-1
Pavan_Kalyan-1
Level 3
Dec 13, 2021 11:59 AM UTC

hello @sahrudayab 

do you need the code for the above mentioned component.??

this is a teaser component with two css classed with extension (.less).

we then add the classes to the component by editing it in the page template.

just le me know what help do you need.

 

Translate
    SahrudayaB
    SahrudayaBAuthor
    Level 2
    Dec 15, 2021 5:45 AM UTC

    yes

    Translate
      SahrudayaB
      SahrudayaBAuthorAccepted solution
      Level 2
      Dec 13, 2021 10:20 AM UTC

      swapping text and image side by side in single component.

       

       

      Translate
        Kiran_Vedantam
        Kiran_Vedantam
        New Participant
        Dec 13, 2021 1:58 PM UTC

        Hi @sahrudayab 

         

        Use below core components to achieve the use case

         

        1. Text component: https://www.aemcomponents.dev/content/core-components-examples/library/page-authoring/text.html
        2. Image component: https://www.aemcomponents.dev/content/core-components-examples/library/page-authoring/image.html

        Hope this helps!

         

        Thanks,

        Kiran Vedantam.

        Translate
          SahrudayaB
          SahrudayaBAuthor
          Level 2
          Dec 13, 2021 2:26 PM UTC

          can I put image and text side by side in one component by choosing the alignment of text (either left  or right of image) in dialog box. Based on the input chosen in the dialog box, can I change the position of text and image.

          Translate
            Terms & ConditionsAccessibility statement

            Loading footer...