Friday 19 February 2016

Creating an AEM HTML Template Language movie component

You can develop a custom Adobe Experience Manager (AEM) HTL (formally Sightly) Movie component that lets your web site visitors engage with your site by performing these tasks:

  • view videos
  • view images
  • provide feedback about the movie
  • rate the movie
  • learn about information

You can develop the AEM Movie component by using HTL and digital assets, such as videos and images. Although this component is based on a movie use case, the AEM development concepts discussed in this development article can be directly applied to other AEM components that use AEM digital assets.

The following video shows the Movie component displaying video content.




AEM 6.1

To read this development article for AEM 6.1, click https://helpx.adobe.com/experience-manager/using/movie.html.

AEM 6.2

To read this development article for AEM 6.2, click https://helpx.adobe.com/experience-manager/using/htl_movie62.html.

AEM 6.3

To read this development article for AEM 6.3, click https://helpx.adobe.com/experience-manager/using/aem63_htl_movie_component.html

AEM 6.4

To read this development article for AEM 6.4, click https://helpx.adobe.com/experience-manager/using/aem64_htl_movie_component.html

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing 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 CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel

Wednesday 17 February 2016

Creating an AEM HTML Template Language component that uses a Multifield

You can create an Adobe Experience Manager (AEM) 6.x Touch UI component that can be used within the AEM Touch UI view and display dynamic information. For example, an author can enter information into a multi-field control in the components dialog, as shown in this illustration.



In the previous illustration, notice that the Page Name and Path controls are used within a multi-field control. When an author clicks the Add Field button, a new area that contains a Page Name control and Path control appears. This lets an author dynamically enter as many values as required into the dialog. These values are used by the component.

The component created in this article is a HTL component.  When using HTL, you can use Java to retrieve the values that an author enters into a dialog. For example:

 iBean.setPage(jObj.getString("page"));

As discussed in this article, the Java class that you use as part of a HTL component extends com.adobe.cq.sightly.WCMUsePOJO.

This article walks you though how to build this HTL component that uses a multi-field control within its dialog.





Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing 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 CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel

Monday 1 February 2016

Developing a VanityPath Manager for Adobe Experience Manager

You define Vanity URLs in Adobe Experience Manager (AEM) to create easy-to-remember and easy-to-search URLs on your website.  However, some AEM developers think that adding vanity URLs can be a little tricky. This article steps you through how to build a custom tool that acts a vanity path manager that easily lets you work with vanity URLs. This tool is a new view in the Touch UI. Using this tool, you can filter by site and perform other operations such as deleting them.



This article also discusses how to customize the AEM TouchUI admin user interface. A new menu item is added under Tools, as shown here:


After you learn how to modify the Touch UI user interface, you can use that knowledge to implement other business requirements. To read this development article, click https://helpx.adobe.com/experience-manager/using/vanitypath.html


Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing 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 CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel