3-Column Horizontal Scroll Repeating Group
Last updated
Was this helpful?
Last updated
Was this helpful?
This horizontal scroll repeating group is fully-responsive and scrolls off-screen. It is ideal for displaying blog posts, videos, and articles. This block includes an image, small gray text, title text, and a link.
When this module is added to a page, it is placed within a group called Blocks container 860 (do not rename) on the page. This group contains the responsive settings for all blocks.
All data is displayed in RepeatingGroup Dummy
Update RepeatingGroup Dummy's data source
Update the data source of the image and texts
Remove any elements in the module that you do need
You can hide the repeating group scroll bar by adding the following code to the page HTML header:
Custom page HTML headers are only applied to apps that are on a paid Bubble plan. If you do not have a paid Bubble plan for your app, you can simply add the following script in an html element and put it towards the top of the page.
::-webkit-scrollbar {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: transparent;
border: 0px none;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: transparent;
}
::-webkit-scrollbar-thumb:active {
background: transparent;
}
::-webkit-scrollbar-track {
background: transparent;
border: 0px none;
border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
background: transparent;
}
::-webkit-scrollbar-track:active {
background: transparent;
}
::-webkit-scrollbar-corner {
background: transparent;
}
