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, check back on Mon Feb 8, 2016. 

Monday, 25 January 2016

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.

Adobe Digital Marketing Community


Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 @AdobeMktgCare.

Tuesday, 19 January 2016

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 sign up, click here.

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 @AdobeMktgCare.

Wednesday, 13 January 2016

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, click https://helpx.adobe.com/experience-manager/using/quiz.html

Adobe Digital Marketing Community


Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 @AdobeMktgCare.




Thursday, 7 January 2016

Configuring Adobe Experience Manager Touch UI Rich Text Editors

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.

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 @AdobeMktgCare.

Tuesday, 5 January 2016

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.




Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 @AdobeMktgCare.

Friday, 18 December 2015

Winners of the 2015 AEM Community Code Contest

During the month of November 2015, the AEM community team held a code contest where AEM Developers submitted functioning AEM code. All of these submissions will be discussed in upcoming 2016 AEM Community articles.

The AEM community team presents you with the three winning submissions:

AEM Quiz Component

The AEM Quiz component lets AEM authors configure a quiz by setting questions and answers. Question and Answer and other details of the quiz is authored using the Quiz Configuration component.  The Quiz component refers to the par/quiz_config node of a page. The result is a component that you can use in an AEM site that lets visitors fill out a quiz.



Congratulations to Praveen Dubey for submitting this first place submission. One of the reasons why this was selected as first place is it has addressed many questions in the AEM Forums on how to write a quiz component.

Vanity URL Manager

The vanity URL manager is a way for AEM users to manage vanity URLs. This tool is a new view in the Touch UI. Using this tool, you can filter by site and peform other operations such as deleting them. 




Congratulations to Lokesh BS for submitting this code.


Custom Carousel Component

The  custom carousel component uses panels and grids where author can see what image they are selecting and which image or items need to update. This submission is a great example of how you can customize out of the box AEM functionality to meet your business requirements. 


Congratulations to Ganesh Malaiyappan for submitting this entry. 


Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 @AdobeMktgCare.