Manual add tag/tagging

  

Hi All

I want to do something like the below, add tag and remove tag in my web app. May I know is what widget or component provides this layout and theme?

Any sample or steps to do this?

Thanks and much appreciate!

Regards

Xiao Hui


Try the Select2 pattern from SilkUI. See an example here (look for the "Select color:" input).

Hi Paulo

Thanks for the reply.

I want to input free text and add the text into entity when clicking the Add button, then the added text will be displayed on screen with the cross sign. If user click on the cross sign, the tag will be removed from entity.

Select2 pattern from silkui can only display and select from a entity. Correct me if select2 can do my case.

thanks

regards

xiao hui

were you able to figure this out ?

Solution

@Xiao

I believe this component implements the tags behaviour you wish. You can take a peek at the app and see for yourself...

https://www.outsystems.com/forge/component-discussions/612/Documents


Regards,

João Heleno

Solution

Christopher Adedeji wrote:

were you able to figure this out ?

Hi Christopher,

Yes, I able to do what I want to achieve. 

I make use of Select2 and ListAppend to do it. 

When click Enter button, the input text will be appended to the Tags RecordList, then refresh the container.


Backend coding part:

Frontend interface:

Enter keyword and press Enter button

Keywords will be displayed in the box and can be deleted by clicking on the cross symbol on the left.

Hope this help others would like to do something like this.

Thank you.


Regards

Xiao Hui


João Heleno wrote:

@Xiao

I believe this component implements the tags behaviour you wish. You can take a peek at the app and see for yourself...

https://www.outsystems.com/forge/component-discussions/612/Documents


Regards,

João Heleno

Thanks Joao Heleno! This is really what I wish to do! I will try this out in my apps when I got time to change my current codes.