3-Column Horizontal Scroll Repeating Group - Canvas Pages and Modules

Canvas Pages and Modules

Search…

Canvas Pages and Modules

2.0.0

BLOCKS

Comments Thread

Nested Comments Thread (with Like and Reply)

Bottom Input Chat Widget

Toggle Tabs Group

Title Group with Button and Filters

Listing Details with Tags, Button, and Progress Bar

Listing details with icons and menu focus group

Week Daily Availability

Shipping Details

Payment Methods

Order Confirmation

Dismissible Module

Placeholder group

Add to Cart Group

Full Width Map with Directions Link

Location Module (Map and Directions)

Drag and Drop Repeating Group

Advanced Form Inputs Group

Reviews Repeating Group with Image

Reviews (Text Only) Repeating Group

Nested Repeating Group

Standard Repeating Group with Image

Single Input Search Bar and Filter Group

Listing Details Group

Post Group with Upvoting UI

Dashboard Chart Widget

Main Image with Thumbnails

Centered Profile Module

Left-justified Profile Module

1-Column Standard Form Inputs Group

1-Column Instagram Tiles Group with Nested Comments

1-Column Link, Text, and Menu Focus Repeating Group

2-Column Repeating Group (Text, Link, Image, and Description)

2 Column Repeating Group (Link, Text, and Button)

2-Column Tiles Repeating Group

2-Column Simple Form Inputs Group

2-Column Sortable List (Image, Link, Star Rating, and Text) Repeating Group

2-Column Dashboard Widgets

3-Column Dashboard Widgets

3-Column Repeating Group (Text, Link, Image, and Description)

3-Column Text and Link Repeating Group

3-Column Icons with Labels Repeating Group

3-Column Tiles Repeating Group

3-Column Tiles with Buttons Repeating Group

3-Column Horizontal Scroll Repeating Group

4-Column Tiles Repeating Group

5-Column Date Table with Cell Selection, Menu Focus Group, and Filters

Mobile-Friendly Data Table with Cell Selection, Menu Focus Group and Filters

Standard Horizontal Scroll Data Table

Infinite Columns Horizontal Scroll Data Table

Infinite Columns Horizontal Scroll Data Table with Fixed First Column

Popups

Confirmation Popup

Vertical Scroll Popup

Standard Form Popup

Subscribe Popup

Feedback / Contact Popup

Advanced Form Popup

Toggle Tabs Popup

Multi-Step Popup

Stripe Credit Card Purchase Popup

Reusables

menufocusgroup or Menu options (︙)

Powered By GitBook

3-Column Horizontal Scroll Repeating Group

Overview
Custom horizontal scroll repeating group that is fully-responsive and scrolls off-screen. Ideal for displaying blog posts, videos, and articles. This block includes an image, small gray text, title text, and a link.
Structure
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
How to set up
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 
Hide scroll bar
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;
}

BLOCKS - Previous

3-Column Tiles with Buttons Repeating Group

4-Column Tiles Repeating Group

Last modified 1yr ago

Copy link

Outline

Hide scroll bar