Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

Need a dialog field which will store multiple value on enter like Tags but without browse path and list call

Avatar

Level 2

Hi,

I would like to have like this filed in my component without the list or open selection, just an empty field where I can enter multiple values:

JeetendrakumarSa_1-1727870714235.png

Can someone share the dialog for the same as well as any special implementation (class level) required to store these values?

 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

6 Replies

Avatar

Community Advisor

Hi @JeetendrakumarSa 
You can use multifield. Multifield allow to store more than on value.



Arun Patidar

Avatar

Level 2

Hi Arun, 

I need the authorable field to be displayed like below (without the path browse / list call):

JeetendrakumarSa_0-1727874331209.png

Do you think Multifield will work here? Or any other options there?

Avatar

Level 2

Thanks.

I tried like below:

<test
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete"
fieldLabel="Test"
multiple="{Boolean}true"
name="./test">
<options
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete/list"/>
<values
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete/tags"/>
 
If I remove the option tag the dialog is not opening.

Avatar

Community Advisor

@JeetendrakumarSa : What is the source of those values for you? Are you just going to type-in or it is more of a drop-down or search?

Avatar

Level 2

 just going to type-in, is this possible without the source and option used? If yes, can you share the updated dialog as if I remove option it not works