Input tags within a collection list

Hi,

I saw this post Checkboxes within a collection list.

Is it possible to display the items as tags (next to each other) instead of chechboxes so users can toggle them on (= color green) or off (color white).
The result should be the same (add or delete elements to the comma-separated array).

As I am new to WeWeb, please add screenshots to get this done.
Thanks a lot!

Hi @WimDC

I guess you can accomplish that by just setting the flex direction to horizontal? If your tags or checkboxes are stacked on top of each other, you can set the direction, unless you had something else in mind. :slight_smile:

Thanks, I will try this later

Hi, you can simply even make your own “tags” component. With a reusable component and by leveraging states. That might be a more flexible solution in case you need to follow a design.

Hi @Broberto ,

I’m new to WeWeb and still learning how to build everything.
But the option to make an own (tags/toggle) component triggers me :slight_smile:
Can you tell me where I can find documentation on how this can be done?

In fact, I want to get something similar as this, where users can select options from a collection (names are in a table) and those options need to be stored in a field (like in this post - comma separated).
Maybe this is possible with the existing components?

(selected = colored - unselected = white)
0