Monday, 31 July 2017

Creating a custom Image Text component for Experience Manager 6.3

As an Adobe Experience Manager component 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.


Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.


6 comments:

  1. Thanks for creating this tutorial, just what I'm looking for! Will this be available today?

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. Scott, the page says to check back on 8/11/17. Can you let us know when the tutorial will be ready?

    ReplyDelete
    Replies
    1. Its Live - was pushed back due to a few other ones

      Delete
  4. People tired to find a relevant place where they can know real facts and myths about the topic mentioned by author of this blog. I want to help a lot of needy people through this blog to come up at my blog to know the real facts and myths regarding this topic. http://corpycore.info/

    ReplyDelete
  5. I am thankful for this blog to gave me much knowledge regarding my area of work. I also want to make some addition on this platform which must be in knowledge of people who really in need. Thanks. Social Media Marketing Agency in Egypt

    ReplyDelete