Below you will find pages that utilize the taxonomy term “AEM”
Multifield Component
An Adobe Experience Manager (AEM) example to demonstrate development of a component using a composite multifield with a dynamic sling model that accepts a node name parameter.
AEM Content Fragment Composite Multifield
This example demonstrates how to create a composite Coral.Multifield for Content Fragments and store the data in the JCR as JSON. This example was created and tested with Adobe Experience Manager 6.5.7.0
AEM as a Cloud Service Developer Recertification Study Guide
Adobe Experience Manager (AEM) as a Cloud Service Developer Recertification Exam Study Guide.
Parsys Component
Adobe Experience Manager (AEM) parsys component examples. These examples have been tested on AEM version 6.5.
Button Component
An Adobe Experience Manager (AEM) example to demonstrate development of extending the core button component to allow an image to be added from the AEM Digital Asset Manager (DAM) and an option to open a button link in a new tab.
Deploying Code to AEM
Methods for installing or deploying code from your local file system into an AEM server.
Cascade Select Dropdown in AEM Component Dialog
This tutorial demonstrates how to populate CoralUI Select dropdowns in an AEM component dialog from a JSON data source using JavaScript. For added complexity, we’re cascading the dropdowns in multiple instances within a Multifield component.
AEM Maven Project Including React SPA Part II
AEM website project that contains both the general and react ui.frontend modules. To create and name the project for your specific needs, refer to part-1 for the steps used to merge these two Maven archetype-23 modules, page templates and configurations.
Adobe Experience Manager (AEM) Maven Project Archetype 24
Maven AEM Project Archetype 24 was released a few weeks ago for creating an AEM website project that utilize the latest Adobe Experience Manager standards and technologies. Requires AEM 6.5.5.0+, 6.4.8.1+ or AEM as a Cloud Service, Java 8 or 11 and Maven 3.3.9+.
AEM as a Cloud Service Developer Recertification
Adobe Experience Manager (AEM) as a Cloud Service Developer Recertification Exam AD5-E112 topics and sample test. Note: This exam is based on the information and my experience for the AD5-E112 exam I took in December 2020. The exam has since been reformatted and the information and sample test below does not reflect the new format and updated material.
Message Component
AEM tutorial for development of a message component to allow an AEM author to add message banners to a page. Features include a field to set how many days before the message will reappear after it has been closed and a toggle switch to enable or disable the message.
Folding Panel Component
An Adobe Experience Manager (AEM) example to demonstrate development of a simple folding panel component to show or hide content by clicking the panel’s label element. AEM components can be added by an author to populate the folding panel content.
AEM Maven Project Including React SPA Part I
At the time of this writing, the AEM project archetype doesn’t allow you to create a single site project containing both the generic and react frontend modules. Typically, there will be a mix of SPA and non SPA content pages in a site project. This post documents how I was able to set this up for Adobe Experience Manager version 6.5. using aem-project-archetype-23.
Copyright Component
An Adobe Experience Manager (AEM) example to demonstrate development of a proof of concept copyright component that optionally renders the current year from code. Maven AEM Project Archetype 23 and AEM version 6.5 are used to show this component within the footer experience fragment.
Adobe Experience Manager (AEM) Maven Project Archetype 23
Maven AEM Project Archetype 23 was recently released. To use, setup your local development environment for AEM as a Cloud Service SDK or use one of the following AEM versions: 6.5.0+, 6.4.4.0+ or 6.3.3.4+. Additionally, Java 8 or 11 and Maven 3.3.9+ is also required. Here is an overview of a few of the changes.
Sightly HTL Tips & Resources
Tips & Resources for using Sightly Hypertext Template Language (HTL) in Adobe Experience Manager (AEM). For more information, the HTML Template Language Specification is a comprehensive HTL resource.
Stubbing Data with AEM JavaScript Use-API
An Adobe Experience Manager (AEM) example of a new blank slate starter component with stub data. The JavaScript Use-API returns the data to the HTL template for development.
Adobe Experience Manager (AEM) Maven Project Part II
An Adobe Experience Manager (AEM) example to demonstrate the Webpack frontend build process included with Maven AEM Project Archetype 22. Follow the steps in part 1 of this series beforehand making sure to include the -DoptionIncludeFrontendModule=general
option when running mvn archetype:generate
. e.g.,
AEM Application Debugging with Visual Studio Code
Example of how to debug Adobe Experience Manager (AEM) component Java code using Visual Studio (VS) Code.
How to Start AEM in Debug Mode
How to start Adobe Experience Manager (AEM) in debug mode for applications running in a remote or local AEM server.
Adobe Experience Manager (AEM) File Transfers for Developers
There are several different ways to handle file transfers between AEM and your local file system. In this post, I’m going to go over a couple command line tools to transfers files between my local file system and AEM 6.5: AEM repo tool and FileVault VLT.
Import AEM Maven Project into Eclipse
These steps show how to import an AEM Maven Project into eclipse.
AEM JavaScript Use-API String Multi JSON
JSON content parsing, e.g., jcr:content
Type string[]
with JSON values.
Adobe Experience Manager (AEM) Maven Project
An Adobe Experience Manager (AEM) example to demonstrate creating and deploying a Maven Multi Module project using an aem-project-archetype
. This tutorial was created for deployment using Java 11, Apache Maven 3.6.2, Maven AEM Project Archetype 22 and AEM version 6.5.
AEM Blank Slate Starter Site
An Adobe Experience Manager (AEM) “Blank Slate” basic starter site example to demonstrate creating basic pages, templates and their components. This site uses static templates and covers a couple of key AEM concepts including the Proxy Component Pattern. This tutorial was created using AEM version 6.4
Developer Tools for Eclipse
This page contains tips and resources for using Eclipse with Adobe Experience Manager (AEM). The first tip covers how to setup a simple Sling Content project and use it to transfer files between the local file system and AEM’s Java Content Repository (JCR).
AEM JavaScript Use-API
Tips and resources for using AEM’s Sightly / HTL JavaScript Use-API for writing server-side JavaScript. The AEM JavaScript Use-API ResourceUtils page contains examples for using ResourceUtils and functions.
AEM JavaScript Use-API ResourceUtils
ResourceUtils examples using an AEM Maven project and the We.Retail sample to show how to pass data from the HTL to server-side JavaScript, and use the /libs/wcm/foundation/components/utils/ResourceUtils.js
to access properties from jcr:content
.
AEM Developer Exam 9A0-384 Practice
Adobe Experience Manager (AEM) Developer Exam 9A0-384 sample-test. This practice exam helped me prepare for the 9A0-384 exam.
AEM Dispatcher CentOS Virtual Machine Setup
How to setup AEM Dispatcher on a CentOS Virtual Machine (VM) alongside Author and Publish instances. This solution gives an Adobe Experience Manager developer a complete end-to-end environment for local AEM development.