Responsively display tags in repeating group (?)

Need help Responsiveness
1

Hi all,
Here is what I want to do:
An administrator can define categories. A category is a thing. Categories are basically tags for other things. I want to show the defined categories to the user so he can select a category when he creates a thing. What I’m trying to do is to display the categories as tags. The tags should be responsively displayed next to each other. Responsively means that depending on the width of the screen the number of tags in a column varies. So, when the screen ist large there can be 10 tags in a column. When the screen is small there are only 2 or three tags in a column but then there are multiple coumns e.g. 4 or 5 columns.
Here is an example for some better understanding :slight_smile:

grafik
grafik1117×340 29.3 KB

image
image1170×647 70.3 KB

My idea was to do this with a repeating group with a variable amount of rows, but I can’t get things to work. I would appreciate your help :slight_smile:

Thanks in advance!
Thomas

1 Like
2

hello, try to put your rg in a flex box , maybe it will do the job :

#rgtheme{
display: flex !important;
flex-wrap: wrap;
overflow: auto;
}

1 Like
3

If you’re trying to achieve this, then also check out this thread.

The simplest approach is @NigelG’s suggestion to use a multi-dropdown. The drawback is that there’s no interactivity, so it won’t work if you want to do something when a tag is clicked.