Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Colorful Multifields in AEM | AEM Community Blog Seeding

Community Manager
Community Manager


Colorful Multifields in AEM by AEM Solutions


Multifield is one of the most interesting and useful AEM feature, but when when we create nested multifield it becomes difficult for authors to segregate between parent and child fields and causes unnecessary confusion.

We can add custom classes at dialog level to make multifields more readable.

Steps to follow :

1. Create clientlibs folder at the component level and add css file.

2. Add the required classes in headerDialog.css.

Add class for parent block
background-color: antiquewhite
Add class for child block
background-color: aliceblue

3. Add group class at the multifield field.

4. Add item class at the child multifield field.

5. After adding multi fields in dialog we will get proper segregation.

Hope this helps!!
Happy Coding 🙏

Read Full Blog

Colorful Multifields in AEM


Please use this thread to ask the related questions.


Topics help categorize Community content and increase your ability to discover relevant content.

0 Replies