Developing AEM components that display WordPress information

A flexible feature of Adobe Experience Manager is the ability to write components that can retrieve information from third-party web sites or network systems. Assume that your AEM requirement is to retrieve the names of WordPress Blog titles and display them in an AEM component.  For information, see WordPress.

To address this requirement, you can write an AEM component that uses the WordPress Java API to retrieve WordPress Blog titles

Then the component can display those titles in the component.

As shown in the previous illustration, the key to make this use case successful is to write a custom AEM Sling Servlet that uses the WordPress Java API. One issue you may come across when using 3rd party APIs within AEM is how to handle JAR dependencies, such as dependencies required by the WordPress API.

To successfully build an AEM service ( or servlet) that uses this API, you need to get the API dependencies into AEM. It is not enough just to reference the dependencies in the Maven POM file. This only compiles the OSGi bundle, it does not ensure that AEM can resolve the Java package. To ensure that AEM is able to resolve JAR dependencies, you need to place the dependency JAR files into an OSGi bundle and deploy them so that the main service that uses the WordPress API works. This is all covered in this development article.

 To read this development article, click https://helpx.adobe.com/experience-manager/using/aem_wordpress.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.

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

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

YouTube: Subscribe to the AEM Community Channel. 

Ask the Community Experts Session: Developing AEM Sling Components using Brackets

Join Scott Macdonald and Lokesh (Top AEM Community member of the year for 2015) for a walk though on developing Adobe Experience Manager Apache Sling components using Brackets. By joining this session, you will learn developer techniques using Brackets to program experience manager components using Sling APIs. You will also learn how to take advantage of the Brackets IDE when developing for Experience Manager.

To watch this session, click here.

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.

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

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

YouTube: Subscribe to the AEM Community Channel. 

Developing a custom Adobe Experience Manager Quiz Component

You can develop a custom Adobe Experience Manager Quiz component that lets your web site visitors perform a quiz and view the results. There are business requirements that require visitors to perform an online quiz and then track the results. Building a custom quiz component is one use case where developing a custom component addresses this type of requirement.

Note: Using AEM adaptive forms or other forms is not a recommended way to develop a custom AEM quiz component. Instead, its better to develop a custom component as discussed in this article.

The following illustration shows the quiz component developed in this development article.

Once started the quiz component steps the user through the questions.

Once the user completes the quiz, the custom AEM component displays the user's results.

Another requirement of the quiz component is the questions and answers are configurable. That is, an AEM author can set them without updating the component's application logic. 

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

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

To read this development article for 6.3, click https://helpx.adobe.com/experience-manager/using/quiz63.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.

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

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

YouTube: Subscribe to the AEM Community Channel. 

Configuring the Adobe Experience Manager Touch UI RTE for in-line editor

You can create an Adobe Experience Manager (AEM) 6 Touch UI component that contains a Rich Text Editor (RTE). As a component developer, you can configure the RTE when developing the component. The Rich Text Editor provides authors with a wide range of functionality for editing their textual content; providing them with icons, selection boxes and menus for a WYSIWYG experience.

To configure the Touch UI RTE, you work with JCR nodes in the AEM JCR. You do not have to write code or script. To read this AEM community article, click   https://helpx.adobe.com/experience-manager/using/configure-touchui-rte.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.

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

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

YouTube: Subscribe to the AEM Community Channel. 

Validating Adobe Experience Manager Touch UI dialog values

You can create an Adobe Experience Manager Touch UI component that validates the values that an author enters into a dialog during edit mode. For example, assume you want to validate the value an author enters into a text field to ensure that it matches an email address. You can develop a Touch UI component so it validates user input, as shown in the following illustration.

Assume that a Touch UI dialog has a text field named email that requires a valid email address.

As shown in the previous illustration, the Touch UI dialog contains a text field. if the user does not enter a valid email address, the component informs the user that the input value is invalid.

To read this development article, click https://helpx.adobe.com/experience-manager/using/creating-touchui-validate.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.

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

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

YouTube: Subscribe to the AEM Community Channel.