Multifield Support in new Content Fragment editor

[Mahesh_Gunaje]

Hello Team,

I am using AEM as a cloud service. Wanted to know, whether multifield support is avialable in new Content Fragment editor?
I was referring to these AEM community forum:
https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/custom-multifield-in-conte...

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/customized-content-fragmen...

If multifield support is not possible directly, is it possible to support by externalizing it via Adobe Runtime using React Spectrum?

I got this articles as well: https://medium.com/tech-learnings/aem-cloud-enabling-dynamic-data-fields-in-the-new-content-fragment...

Can someone provide me details about this?

Thanks

cc @arunpatidar  @kautuk_sahni  @VeenaVikraman  @lukasz-m 

[daniel-strmecki · Accepted solution]

Hi @Mahesh_Gunaje,

AFAIK classic AEM multifield with more than one input field is not possible in the new CF editor. In AEMaaCS you can still use the old CF editor, where it is possible, but that's probably not a good long-term strategy.

There are a few extension points available for the new CF editor but none of them make it possible to introduce a custom multifield: https://developer.adobe.com/uix/docs/services/aem-cf-editor/api/. At least I haven't found a way to do it with no direct access to the editor DOM and just a few API methods available.

Hope this helps,

Daniel

[daniel-strmecki]

Hi @Mahesh_Gunaje,

check https://meticulous.digital/blog/f/migration-to-the-new-content-fragment-editor-in-aemaacs there is a section on "Nested Multifield" and why I would discourage developers from using those.

Good luck,

Daniel

[daniel-strmecki]

@Mahesh_Gunaje also check this https://medium.com/tech-learnings/aem-cloud-service-composite-multifield-in-content-fragments-editor... just be careful now to use any reference fields in the custom MF, as those might create other problems for AEM Editors when they move/rollout content.

Good luck,

Daniel

[PavelKu3]

Hi Daniel,

I tried to replace multifield with my custom composite multifield via extension point. Extension created iframe for each item from multifield and it looks fine. But if I reorder items (drag and drop) i'm getting error

Attach failed Error: Timed out waiting for initial response from parent after 10000ms

Looks like each iframe tried to re-render itself but get this error on connection obtaining step:

const conn = await attach({ id: extensionId });

But data successfully stored in repository and after page refresh all looks good again.

Have you faced with such problem?

[kautuk_sahni]

@Mahesh_Gunaje Did you find the suggestion helpful? Please let us know if you need more information. If a response worked, kindly mark it as correct for posterity; alternatively, if you found a solution yourself, we’d appreciate it if you could share it with the community. Thank you!