-
Access client-side scripts (ClientLib) in AEM
In this post, I will cover an important concept – Client Libraries. Client Libraries are primarily JavaScript libraries that you may need to use while developing components and templates. This is an important concept that we didn’t cover in the first part of the training. [As usual, the sample package is available in my GitHub account.]…
-
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,…
-
Subscribe
Subscribed
Already have a WordPress.com account? Log in now.
Digital Plots 