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

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list

Cascade Select Dropdown in AEM Component Dialog | AEM Community Blog Seeding




Cascade Select Dropdown in AEM Component Dialog by jimfrenette



This tutorial demonstrates how to populate CoralUI Select dropdowns in an AEM component dialog from a JSON data source using JavaScript. For added complexity, we’re cascading the dropdowns in multiple instances within a Multifield component.

Getting Started
The code for this tutorial was developed on AEM version which is the latest at the time of this writing. To replicate the project, you can download or clone the source code or create the project using the AEM Project Archetype version 24 Maven template as I have done.

Component Dialog
Rather than create a new component, we’re just going to modify the existing helloworld component that is included with the project.

In the helloworld dialog .content.xml, add the following component nodes after the existing text component node.

1. Heading component (optional)

2. Composite Multifield component

The Multifield needs to be composite to store the cars jcr:content as item nodes.

Read Full Blog

Cascade Select Dropdown in AEM Component Dialog


Please use this thread to ask the related questions.


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

0 Replies