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
BedrockMission!

Learn More

View all

Sign in to view all badges

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

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,198 likes

Total Posts

6,369 posts

Correct Reply

1,147 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,198 likes

Total Posts

6,369 posts

Correct Reply

1,147 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

31-08-2020

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.

AEM AEMEBlogSeeding Experience Manager