Category: website
-
Adobe Experience Manager Learning Series – Part 2
This is my first post in this year. With my last post, I have completed second series of video tutorials that covers some of the main concepts in AEM development. We didn’t do anything complex; however, it will help you to get a quick start. If you are learning, see my blog too. It has the transcripts available.…
-
Create a custom workflow
In this post, we will see how to implement a workflow using AEM. As the name suggests, a workflow represents a step-by-step process to accomplish a common task. For example, author creates the content. Then, the content goes to an editor for approval. After the approval, the content can be published. As usual, we will see a…
-
Create a custom JCR event
In this session, we will see how to create a custom event and manage it. A custom event helps you to manage a specific activity happened on an AEM instance. For example, you want to send an e-mail to an editor as soon as an AEM page is created by a content creator; so that the editor…
-
The AEM – Sling connection simplified
Apache Sling is a web framework based on the JCR API. We have seen that the content in AEM is saved as nodes and properties in Oak – a reference implementation of JCR. In most simple term, Sling, in AEM’s context, helps you to issue http requests and render content from Oak repository appropriately. Use Template Sling Sample.zip…
-
Get data from a dialog using Sightly (Get a custom URL for the YouTube component)
In this session, you will see how to update the YouTube component to capture the URL entered by an author in the dialog. (I have uploaded the sample code in GitHub.) We have accomplished the following so far. Created a YouTube component that will add a specific YouTube video to the page. Created a dialog…
-
Create Adobe Experience Manager dialogs (Add a dialog to the YouTube component)
In this short session, we will see how to create AEM dialogs. This is primarily an overview session about AEM dialogs. I have shared the package in GitHub. AEM dialogs are used to enter information to a component. For example, if you open a page that I showed here and double-click the Title element, a…
-
Create your first Sightly component (YouTube component !!!)
In this session, you will learn how to create an AEM component. You have learned that an AEM component is used to display an information in a certain way. You will use Sightly to create the component. We will call the component as YouTube component. When you drag and drop the component to a web page,…
-
Summary: Your first Sightly template
This post provides a summary of what you learnt in the previous posts. Before going to the next step, creating components, let us first take a quick recap of all that we learned so far. AEM users generally belong to one of the following roles: Authors: create web pages. They use templates which provides the layout…
-
Apply a design to the AEM Sightly template
In this session, you will learn about adding a design to the template. You will use Sightly, because it’s HTML5 and very easy to use. This is in continuation of my previous blog posts. As usual, I have provided the video and transcripts below. Video can be watched in the Full screen mode. The sample design and…
-
Enable components in the Components tab
In the last session, we have added a space in the template that allows us to drag and drop a component to the web page. One of the shortcomings in the template was that it didn’t have any components in the Components tab. In this session, we will add components to the Components tab. Open the…