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

kautuk_sahni
Community Manager
Community Manager

BlogImage.jpg

Colorful Multifields in AEM by AEM Solutions

Abstract

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
.group{
background-color: antiquewhite
}
Add class for child block
.item{
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

Q&A

Please use this thread to ask the related questions.

Topics

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

0 Replies