Add custom data attribute to Content Fragment Model field/data-type

[FL33TW00D]

Hi there,

I am looking for a way to add a custom data attribute that is rendered in the DOM.

I have created a custom data type for Email Addresses by overlaying /libs/settings/dam/cfm/models/formbuilderconfig.

I have wrote some custom JavaScript that performs validation to ensure they're entered correctly.

However, I want to add a custom data-attribute inside the HTML for every instance of my custom data type, so that my validator can use that data-attribute as a selector.

Any ideas?

Many Thanks

[sunjot16 · Accepted solution]

You can refer to Content Fragment Core Component for reference.

Sample:

https://aemcomponents.dev/content/core-components-examples/library/page-authoring/content-fragment.h...

Github:

https://github.com/adobe/aem-core-wcm-components

CF Reference Docs:

https://docs.adobe.com/content/help/en/experience-manager-65/developing/extending-aem/customizing-co...

https://docs.adobe.com/content/help/en/experience-manager-core-components/using/components/content-f...

[FL33TW00D]

Thanks for the reply,

None of those links provide the functionality I am looking for.

I need to add a property in CRX/DE that is reflected in the HTML to be used as a selector.