Programmatically create aem dialog

[dennyj13354090]

Hi Team,

Can someone share a tutorial for programatically creating AEM touch dialog?

Following is my requirement.

We have a separate front-end JavaScript development team.This team develops javascript components that can be placed inside the website.Each time when a new JavaScript component is released ,a corresponding AEM component has to be developed, in order to  make the new component available for the editor.To save the time for development we are checking the possibility of a global component.

This global components dialog has a dropdown list the values of this dropdown will be populated by calling a service/json.

when the editor select an item from the dropdown ,an additional service is called to fetch the properties for the selected item.

Based on the service response new fields are to be added to the dialog programmatically.

Regards

Denny 

[Rohit_Utreja]

Hi @dennyj13354090 ,

Please refer to the below URLs for this feature.

https://github.com/adobe/aem-component-generator

https://www.bounteous.com/insights/2019/07/31/aem-component-generator/

[dennyj13354090]

Hi Rohit,

Thanks for the reply.I am looking for something different.

I have updated my question.

Regards

Denny

[Kiran_Vedantam · Accepted solution]

Hi @dennyj13354090,

Once you receive the values from 3rd party services, you can dynamically make them as dialog properties. Please note the response should be in JSON.

Example here: https://www.tothenew.com/blog/aem-ways-to-populate-a-selection-widget/

Hope this helps!

Thanks,

Kiran Vedantam.