I’m trying to get the behaviour shown in this official bubble video: How To Create Horizontal Scrolling Repeating Groups With Bubble’s New Responsive Editor - YouTube
On desktop, my tabular options are fine (note ‘ALL PLAYERS’ is a static text element, and teams ‘1ST GRADE’ through ‘4TH GRADE’ are a repeating group):
However, when I narrow width down to what would appear on a mobile browse, the repeating group wraps:
I basically want everything to appear on one line, with only a horizontal scroll on the group and not the whole page. I also would like to hide the scroll bar that appears…
This is editor for the repeating group:
And this is the editor for the parent group, that contains my text item and repeating group:
What are the settings on the layout of the repeating group?
Try with min width 0, max width inf, uncheck fit width to content.
Had min with 0 and max width inf, unchecking fit width to content helped me make progress:
I guess the issues now are:
Because the ‘All Players’ isn’t part of the repeating group, it’s treating it differently - any idea on how I should be building this? Essentially, all users will see ‘All Players’ but not all users will be able to see teams. Teams are stored in the database, where as All Players is static on page:
I want to hide the scroll bar (brief forum searching shows I’ll need to do some hacky HTML/CSS to hide this…)
I achieved something similar on
I did this by creating a table group(row direction), then inside that I put 2 groups (one group and one repeating group - on the right).
The repeating group is responsive, but the elements(groups) in it have a minimum width that is wider than the minimum width of the repeating group. This ensures that on smaller page widths(devices) the contents of the repeating group can scroll horizontally.
You’re an absolute saint! Both suggestions worked perfectly!
For the benefit of any others that are looking for a similar solution - In regards to #1, I went with the second option. The first option worked, however, I wanted to avoid having that record in my database. Privacy controls may evenetually prevent people being able to see the ‘All Players’ data as it wouldn’t have any teams/clubs/users associated with it.
Thanks for taking the time to input. I ended up going with dorilama’s solution as I want all items to scroll rather than keep the first fixed.
However, I will look to use your solution in an upcoming screen I am building where I need the first column fixed!
This topic was automatically closed after 70 days. New replies are no longer allowed.