swapping text and image side by side using aem

[SahrudayaB · Accepted solution]

swapping text and image side by side in single component.

 

 

[Kiran_Vedantam]

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.

[SahrudayaB]

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.

[Pavan_Kalyan]

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.

[SahrudayaB]

yes

[SahrudayaB]

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.