#aem 6.1

[aemclub-blog]

A simplified approach to clear AEM Developer, Lead Developer and Architect Certification

Disclaimer: This article reflects my own personal views and approach I took to clear all these certification exams in a year.

Two basic rules- 

Do not look out for dumps, loser does so.

Theory won’t work, you need to know practical for most of the topics.

General Thoughts

Every certification needs you to be good with certain kind of knowledge. Once you are confident enough in knowledge, give…

View On WordPress

[aemclub-blog]

Toggle fields based on selection in Granite UI dialogs

Toggle fields based on selection in Granite UI dialogs

Classic UI was built on top of ExtJS library which has tons of inbuilt methods that can used for anything starting for simple field validations to dispalying data rich content. I have taken a simple use case which was easy to implement in classic UI but there is no approach available for it  in Granite UI and have seen many developers writing complex JS code to make it work.

The use case which I…

View On WordPress

[aemclub-blog]

Touch UI dynamic selection of multiple drop downs in AEM 6.1

Touch UI dynamic selection of multiple drop downs in AEM 6.1

This articles show the use case of have multiple chained drop down in Touch UI. Values in the next drop down depends on what has been selected on previous one. 

Brief on how it works:-

There are two drop downs with name Language and Country. When you select a Language from drop down, Country down down gets populated with the name of the countries using that language. For example if you select…

View On WordPress

[aemclub-blog]

Custom color picker component in Granite UI in AEM 6.1

Custom color picker component in Granite UI in AEM 6.1

Working with Touch UI is always exciting and needless to say it provides a great experience for your customers. Just to enhance the experience a bit more I will be showing a custom color picker component for Granite UI.

Created with the integration of jQuery Color picker enables author to choose color from large number of variations available.

In order to use, select the color from outer…

View On WordPress

[aemclub-blog]

Populate Tags based on Selection in Pathfield - Classic UI

Populate Tags based on Selection in Pathfield – Classic UI

This simple use case has been taken from AEM community, I thought an article for this would really help people who are looking for this or may need in future.

Component Overview

We have two field, one is pathfield (which helps to browse repository) and another a tag input field. Author selects an asset from pathfield and based on the the selection Tag input field is populated with tags available…

View On WordPress

[aemclub-blog]

Implement DataSource for drop down using Sightly AEM 6.1

Implement DataSource for drop down using Sightly AEM 6.1

In Touch UI component, DataSource is very useful when it comes populate drop down dynamically. This article will help you to understand how datasource can be used with Sightly and leaving JSP behind.

Let’s get started with authoring…

Component contains a simple drop down, values for this will be populate dynamically using DataSource.

Here is the code used…

1. DataSource is present…

View On WordPress

[aemclub-blog]

Guide for working with Templates and Call in Sightly AEM 6.1

Guide for working with Templates and Call in Sightly AEM 6.1

Recently a question came up on how to use create templates and call them in sightly. I will try my best to explain this concept and at the end you will have a some idea on how you can work with it.

Note: Do not get confused with term ‘templates’.  We are not referring to the templates used for creating page, instead we are referring to feature in Sightly

Let’s get started with concept and…

View On WordPress

[aemclub-blog]

Movie component using Sightly and WCMUSE API in AEM 6.1

Movie component using Sightly and WCMUSE API in AEM 6.1

Sightly was the part of AEM 6.0 release. For people who are beginner in sightly it might be difficult to forget the practices of working with JSP and using scriptlets in you JSP files. To make you sure you are comfortable with sightly basics we started release basic Sightly component and examples.

Here’s is one more I am going to demonstrate a movie component which uses tabs and a OSGI services.

View On WordPress