Horizontal Scroll, Repeating group

[albinojosephchristia]

Hello everyone, Ive been struggling on how to fix my repeating group which is set to show and scroll horizontally. I cant figure how and what causes for items within this group scrolls vertically. Can someone please help. thanks

[albinojosephchristia]

It scrolls both horizontal and vertical. but i cant figure out why it scroll verticaly, ive tried 100% minimum row height, or 427 px which is the actual height of the item inside the repeating group.

[tylerboodman]

Set the # of rows to 1

[albinojosephchristia]

I also tried this, it didn’t worked. Bubble tutorial sets it that way, that fixed number of rows and columns must be unchecked.

[thekeybeats2]

Seems like a repeatinggroup max height issue. Make sure your repeating group’s max height is the same as the elements inside the repeating group + their margins.

This is my repeating group:

This is my element in the repeating group:

Notice that my repeating group has fixed height of the element (240px) + the margins 20px top and 20px bottom → 280px height.

Hope that helps!

[albinojosephchristia]

I also tried that, I dont know it this is bug or something wrong with how I set the repeating group.

ITEM SETTINGS

RG SETTINGS

PREVIEW
as you can see on the preview, the RG is set to 427px height fixed, however theres a vertical scrolling inside the RG.

[rohan.surve]

1. Click on the repeating group element to select it.
2. In the “Appearance” tab click on “Set No. Rows” and change it to “1”.
3. Uncheck the “No. of Columns” option to allow the repeating group to automatically adjust the number of columns based on the width of the page.
4. Under the same “Appearance" tab, give a minimum width for the columns to ensure they are displayed properly.
   please refer the below image
   
   

and then inside the repeating create item group as per your design and give a min width and min height. please note dont click fix width and size.
refer this below image