Looks like there’s no way to have a SelectableList show a dynamic number of items horizontally and look good. Centering and justifying don’t work.
With gap spacing:
With separators:
And just in case you were thinking you could wrap it in a group and center that, you can’t.
How are you getting them in one row? No fixed number of columns?
FWIW I know the team have on their radar the ability to have horizontal scrolling by exposing the option to have a fixed number of rows. Maybe that will/can help with this (cc @nick.carroll ).
If you know the number of selections, you could make the selectable list a fixed width no?
Haha, yes, but that removes one of the things I’m trying to do:
The above can easily be achieved by removing any one of the constraints, e.g. it can either:
I want them all. 
(P.S., this isn’t just me being whiny about a small, inconsequential thing. This has contributed to a fundamental change in architecture for my app, see comment below.)
Yeah, I wanted to leave that unchecked.
But to get it to center, I have to check it, which means that I’ve had to make the choice to hardcode each question. I much prefer to make forms be completely dynamic, where there’s a Question Data Type which can be any input type and can have an arbitrary number of options to choose from. This means that questions can be easily updated or I can even build an admin tool for users to make their own forms.
However, due to limitations like this, I’m hardcoding these questions, which has already caused pain every time the client decides to change the questions, add new ones, remove old ones.
In Bubble, I don’t expect “dynamic” stuff to be an edge case… it’s why I choose Bubble over less powerful tools.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
