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

Show-Hide Dialog Fields in AEM | AEM Community Blog Seeding

kautuk_sahni
Community Manager
Community Manager

BlogImage.jpg

Show-Hide Dialog Fields in AEM by Bimmisoi

Abstract

Showing and hiding dialog fields in very commonly expected use case in AEM. It giving author better options and amazing authoring experience. so let's do it.

1. Create a drop down and add options. Add below property
granit:class(String) value: cq-dialog-dropdown-showhide

2. Add a node with name granit:data

3. Add below property
cq-dialog-dropdown-showhide-target(String) value: .fruittype-showhide-target

4. Create two containers and add dialog related to apple and orange.

5. Add below class in container level i.e. in orange and apple node
granit:class(String) value: fruittype-showhide-target

6. Here each granit:data node will have below properties respectively
showhidetargetvalue(String) value: apple
showhidetargetvalue(String) value: orage

Read Full Blog

Show-Hide Dialog Fields 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