I have 3 groups (see image attached) that show Social Profile links if a user has edited the fields (see attached image). I have checked ‘Collapse this elements height if hidden’ on each of the groups, and then I run a conditional on each one that says something like - when ‘Input Dribbble URL’s value is empty’ the element is ‘not’ visible.
But as you can see from the images, there are still gaps and groups do not seem to collapse. What have I done wrong here? Really stumped??
As a heads up, these types of issues can be cumbersome to fix. What’s most likely going on is that either a parent group isn’t set to collapse when hidden, or there’s a column to the left that isn’t collapsing.
The way I’d problem solve for this is I’d view the page with debug_mode=true and then I’d look at the element lines (there’s an option for that in the bottom right corner of the debugger).
Additionally, sometimes it’s helpful to copy the page and then delete a few elements and see if it all of a sudden works. For example, if the group of the left side of the page were the issue, this would be a good way to figure that out.
Once you know the problem then you can get creative about how you solve it. Finding the problem is usually the harder part with this type of thing.
Are you actually hiding the GROUP that the element is in?
BTW, another way to do this would be to handle it as a list of Social Profiles on the User type and add/remove them. Then this interface (and display interfaces) becomes an RG, which would be easier to manage over time.
Ok. We have some progress Took the 3 groups out of the Group Profile Social Networks (as show in the image), and the collapsing seems to work ok now. What is causing/caused the issue there? Would love to know