Log in to AnswerLog in to Follow
XiaoHui
636Views
7Comments
Solved
Manual add tag/tagging
Question

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


1
0
on 2018-03-14
João Heleno
mvp_badge
MVP
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

See solution in context
0
0
on 2018-06-04

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.


0
0
on 2018-06-19

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

0
0
on 2018-03-14

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

0
0
on 2018-03-14

were you able to figure this out ?

0
0
on 2018-06-04

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


1
0
on 2018-06-19

Replying to XiaoHui's comment on 19 Jun 2018 02:26:12

Hi,

I need to implement same for responsive web app, need your assistance for the same as refresh container and append does not work there as you used and using Create or Update Tags action is not working as expected.

Note: Dropped a message too in your inbox, please contact.

0
0
on 15th Feb
João Heleno
mvp_badge
MVP
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

0
0
on 2018-06-04

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.


0
0
on 2018-06-19
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.