Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

Custom dialog component

Avatar

Level 2

Hi,

I've seen that is possible to edit the dialogs through the dialog Editor in AEM. 

How can I make my own componentes for the dialog? Is that possible?

For example to make a color picker,  or a datepicker,  etc...

 

Thank you!

1 Accepted Solution

Avatar

Correct answer by
Level 10

You use CRXDE lite and add JCR nodes and props to build dialogs. See these AEM community articles to learn how to build a dialog:

https://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html

https://helpx.adobe.com/experience-manager/using/jstl.html

https://helpx.adobe.com/experience-manager/using/dialog_fields_servlets.html

https://helpx.adobe.com/experience-manager/using/custom_columns.html

and of course - you can build a custom xtype - which is a skill that you need as an AEM Component developer. A custom xtype is built with JS and AEM widget classes. See:

https://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html

View solution in original post

3 Replies

Avatar

Level 10

"How can I make my own componentes for the dialog"

Not sure what you mean by can i create a component for a dialog. Do you mean how to I build a dialog for my components?

When you build or modify dialogs that correspond to your AEM components- you typically modify nodes in the CRXDE lite. You can build a dialog to include date pickers and all the supported types. If you are not familiar with building a dialog for a component - see https://helpx.adobe.com/experience-manager/using/creating-touchui-component.html.

Avatar

Level 2

No, what I mean is that I want to create my own dialog components. For example if a text field is not enough for me, and I need an extra functionality into the textfield of the dialog of one of my components.

 

Thank you

Avatar

Correct answer by
Level 10

You use CRXDE lite and add JCR nodes and props to build dialogs. See these AEM community articles to learn how to build a dialog:

https://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html

https://helpx.adobe.com/experience-manager/using/jstl.html

https://helpx.adobe.com/experience-manager/using/dialog_fields_servlets.html

https://helpx.adobe.com/experience-manager/using/custom_columns.html

and of course - you can build a custom xtype - which is a skill that you need as an AEM Component developer. A custom xtype is built with JS and AEM widget classes. See:

https://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html