Author: bhaskaransunil
-
A quick start to Adobe Experience Manager development
With this post, I am concluding the first learning series on Adobe Experience Manager. The idea is to provide you with a head start if you are new to AEM. I hope it will also help you with the basic concepts if you plan to appear for Adobe Certified Exam (ACE) on AEM component development. There…
-
AEM and OSGi
I am sure you would had heard about OSGi, the moment you started searching info related to AEM. It is the final topic for this learning series. Open Source Gateway Initiative (OSGi) provides a modular Java development platform. I don’t want to complicate things here. (This is just a general overview of OSGi.) When you install AEM,…
-
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…
-
Learn about Edit Config nodes
We have learned about dialogs and design dialogs. In this post, I want to familiarize you with another node, called editConfig. Let us take a look at the image component. Drag and drop an image component to the page. Drag and drop an image to the component. The action you performed is drag and drop. To…
-
Create a design dialog (for the YouTube component)
In this session, I will introduce you to design dialogs. Use YouTubeComponent-1.0.5.zip from my GitHub account. We have seen the dialogs associated with components. They can be Touch-Optimized dialogs or Classic dialogs. Let us quickly take a look at the page we created. You can see three instances of the same YouTube component. We have entered…
-
Add a touch-optimized dialog (for the YouTube component)
In this short session, you will learn how to add a touch-optimized dialog for the YouTube component. As I mentioned earlier, a touch-optimized GUI is designed for using in hand-held devices, such as iPad, tablets, and so on. (I have uploaded the package in GitHub. You should use: YouTubeComponent-1.0.3.zip) Double-click the component that we developed. The…
-
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…