AEM: how to extend built-in Dialog component

[shirleyx]

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

[arunpatidar · Accepted solution]

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

[smacdonald2008]

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