I just started testing the beta and hit a rather puzzling issue straight off - I cannot see a vertical list component - is this a known issue?
https://forum.bubble.io/t/missing-vertical-list/353758?u=kenlaji
The way to do lists on mobile is by using the “vertical list” view type setting. This makes the view itself a list, while allowing content to be placed above and below the list in dedicated header and footer areas. This follows mobile design best practices and gives you very performant lists out of the box!
That being said, there are times where you need a relatively short list with more flexibility in terms of its placement. We will be releasing a new element soon that will be similar to a web repeating group. This element should only be used for short lists because there is no lazy loading or scrolling within a container logic.
1 Like
Thanks @nick.carroll for your feedback. I understand what you mean by using the “vertical list” view, but the issue is the fact that it allow you to display only 1 column !!! is it expected to address this in the short term ?
Thank you in advance
The ability to add multiple columns to the list view is on our backlog, just something that we haven’t prioritized yet. Would multiple columns on the list view type solve your issue? Or would your use case still require a short list element?
That is definitely a clunky workaround - people will expect a vertical list component when you already have a horizontal one! Anyway, looking forward to the update. Meanwhile, what is the best fuzzy list search method you suggest? It might be worthwhile having a search field component to lists (ideally built into the list component itself).
1 Like
Thanks @nick.carroll for your feedback!
Adding multiple columns to the list view is a great idea. I’ll work on displaying a potentially long list of products, as shown in the screenshot below. Using the square button, users will be able to switch between displaying 1, 2, or 3 columns.
these screen are from my current app called medinal that i wrapped using BDK and that i am hoping to revamp using the new mobile builder
You can achieve this by placing multiple dynamic components in the rows - I have tried that - say a profile picture and name for instance (essentially 2 columns). Or you might be able to drop a horizontal list component inside the row for nested list - I have not tested that.
Short list is a must. Our current app’s home page has multiple lists (like tasks and appointments) so ability to add multiple data source based lists in a single view is essential for us.
3 Likes
If you have multiple lists on your home page why don’t you use Horizontal Lists instead? It’s pretty standard in mobile app development to not have multiple vertical lists.
We need to display a list of tasks and appointments. Horizontal list for these use cases is clunky 
I spent about 45-60 minutes testing and stopped when I wasn’t able to figure out how to make a vertically scrolling list.
2 Likes
Point well made Matthew 
1 Like
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.