Horizontal group spacing when hidden

Need help Responsiveness
1

I’ve been trying to figure this out for a while and I just can’t seem to get it to work. I have 6 social media icons in a row. Each icon is only visible if a user puts a link in for that particular service. So when they don’t have one of the middle icons displayed, there is a large gap in the look of the list.

Does anyone have any helpful tips or a plugin that can solve this?

Capture

Capture2

It would be really cool if you could add a collapse width option when hidden next to the collapse height option for an element. Even it was only an either-or option, that would be fantastic. I’ll submit that as an idea separately.

2

The way to do this is to use a repeating group to display the social media links.

That way you can display only the social icons for a user that has a link, and you won’t be left with any gaps.

note. you’ll need to create s separate datatype for social links, add them to the user in a list, then display the user’s list of social links in the repeating group.

1 Like