Customize Universal Editor properties

[bohdanm45202827]

Hi everyone,

As I understood OOTB Universal Editor does not provide any complex data-type's such as Composed Multifield (a multifield that consists of several predefined fields) or Select with dynamically retrieved options.

The one thing that I found related to this topic is the creation of a UI Extension for the Universal Editor - https://developer.adobe.com/uix/docs/services/aem-universal-editor/api/item-types-renderers/

My questions would be:

1. Am I looking at the right documentation for this task?
2. Are there any examples available to check how it can be done? I know there are a few examples available in aem-uix-examples repo (this looks pretty similar to my task https://github.com/adobe/aem-uix-examples/tree/main/universal-editor-product-picker) but maybe there are more info?
3. Are there any other options available on how I can achieve that?

Thanks in advance!

[arunpatidar]

Hi @bohdanm45202827 

I believe the only way to extend the Universal Editor is through the Extension Manager.

https://developer.adobe.com/uix/docs/extension-manager/extension-developed-by-adobe/ue-product-picke... 

[daniel-strmecki · Accepted solution]

Hi @bohdanm45202827,

you are looking at the correct documentation, however, there are very few examples for the Universal Editor plugin, I really hope more will become available. You may want to look into examples for CF Editor, as the base should be the same.

To create a select box with the dynamic fields you can refer to https://developer.adobe.com/uix/docs/services/aem-universal-editor/api/item-types-renderers/. I believe you can add a simple textfield and then convert it to a selectbox or autocomplete with custom options using the custom plugin. It should be similar to this CF example: https://github.com/adobe/aem-uix-examples/tree/main/cf-editor-form-field-dropdown-sample.

To create a multifield you can refer to https://developer.adobe.com/uix/docs/services/aem-universal-editor/api/properties-rails/. Creating the UI for the multifield should not be a problem, but I am not sure how to store and read data from AEM. I haven't seen any example that does something similar, but I do hope Adobe will publish something.

Good luck and please share your findings,

Daniel

[kautuk_sahni]

@bohdanm45202827 Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!