Monday 31 July 2017

Creating a custom Image Text component for Experience Manager

As an Adobe Experience Manager component 6.3/6.4 developer, you can create custom components to address project requirements. For example, you can create a custom image/text component that can let an author dynamically set the position of the image on a web page.  A author can set the image on the left side of the page, as shown here.


Likewise, the author can set the image on the right side. 



Benefits of creating this custom text/image component are as follows: 
  1. No need to merge everything into one single component.
  2. An author can drag and drop additional components as required.
  3. This component has a custom image, heading and button component. which can be added or deleted from the parsys.
  4. It is responsive so as per screen resolution, it is adjusted.
  5. In the main div, you can first select the image position i.e left/right.
To read this development article, click  https://helpx.adobe.com/experience-manager/using/htl_image_text.html.

NOTE: this component does not make use of backend Java code, only front end HTL logic. 

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.




I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel.