AEM: how to extend built-in Dialog component | Community
Skip to main content
New Participant
Sep 21, 2018 3:45 PM UTC
Solved

AEM: how to extend built-in Dialog component

I'm trying to add a validation function to the dialog component (which is a reference to the library dialog) in my new component that will check if an input is valid upon submit. I want to know how to extend the existing dialog component without having to copy the entire dialog component into my working directory and changing the javascript there.

I'm referring to the existing component at libs/cq/gui/components/authoring/dialog

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
arunpatidar
arunpatidarAccepted solution
New Participant
Sep 24, 2018 9:05 AM UTC

Hi,

You don't need to overlay/extend OOTB qailog component, you can add validation by creating new js which will load with dialog and function would triggered when you submit the dialog. Please check below article:

https://helpx.adobe.com/experience-manager/using/creating-touchui-validate.html

Arun Patidar

2 replies

smacdonald2008
Level 10
Sep 27, 2018 2:41 AM UTC

Arun is correct - see that article that talks about how to validate Touch UI component dialog.

Translate
arunpatidar
arunpatidarAccepted solution
New Participant
Sep 24, 2018 9:05 AM UTC

Hi,

You don't need to overlay/extend OOTB qailog component, you can add validation by creating new js which will load with dialog and function would triggered when you submit the dialog. Please check below article:

https://helpx.adobe.com/experience-manager/using/creating-touchui-validate.html

Translate
Arun Patidar