Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to create a Tagfield using coral UI 3?

Avatar

Level 2

Hi, 

We need to create a tagfield in a page(Not in dialog) which can accept multiple tags using coral UI 3. As of now we are using only a pathbrowser which allow only single selection of value. We want the users to choose/delete the tags. We need a functionality similar to the provided screenshot in coral UI. Can someone please suggest? 

abhi614_0-1631023148995.png

 

Thanks & Regards,

Abhishek Gupta

1 Accepted Solution

Avatar

Correct answer by
Level 6

@abhi614 You can create a component lets say formcontainer and whatever field you want to author those you can keep in the formcontainer component dialog and you can write the html for whatever input you want to take it from from end user. Tag field will not be part of page, As you can not take the tags inputs from the user because this will be used for authoring.For your reference please see the below snapshot and i am assuming this is your requirement.

 

kchaurasiya_0-1631028282353.png

Thank You.

Keshav Chaurasiya

View solution in original post

4 Replies

Avatar

Level 6

@abhi614 Can you please explain more in details about your requirement.

 

As per my understanding AEM tags are used in dialog or page property dialog because this field is for authoring by the author. I do not think you can use this directly on the page.

For achieving the same you need use the UI code(Css/js) to manage the same on the page.

 

Thank You.

Keshav Chaurasiya

Avatar

Level 2

Hi Keshav,

 

Thanks for the reply. We are creating a utility page where we are providing authors an option to select values from Dropdown fields, Path browser, Textfields using coral UI. Is it not possible to create tag field using coral UI in such a way to get user input on the form?

 

Thanks & Regards,
Abhishek Gupta

Avatar

Correct answer by
Level 6

@abhi614 You can create a component lets say formcontainer and whatever field you want to author those you can keep in the formcontainer component dialog and you can write the html for whatever input you want to take it from from end user. Tag field will not be part of page, As you can not take the tags inputs from the user because this will be used for authoring.For your reference please see the below snapshot and i am assuming this is your requirement.

 

kchaurasiya_0-1631028282353.png

Thank You.

Keshav Chaurasiya