Link to the plugin page:
Demo to preview the plugin:
Introduction
The Reverse Repeating Group Plugin is designed to enhance the user experience by allowing developers to reverse the scrolling direction of repeating groups in their web applications. This feature is especially useful for applications like chat interfaces, live feeds, or timelines where new items typically appear at the bottom or top of the feed. The plugin seamlessly integrates with existing repeating groups, offering smooth scrolling behavior and compatibility with various layouts.
Key Features
Prerequisites
Before using the Reverse Repeating Group Plugin, ensure that:
- You have an active Bubble.io account.
- Your application includes repeating groups where you want to implement reverse scrolling.
- The plugin has been installed from the Bubble Plugin Marketplace.
How to setup
Step 1: Install the Plugin
Step 2: Place Element
Step 3: Setup Workflow
Plugin Element Properties
Reverse RG
Fields:
Title | Description | Type |
RG ID | Repeating Group ID that will be inversed | Text |
Direction RTL | The direction property specifies the text direction/writing direction within a block-level element. RTL means that text direction goes from right-to-left, also slider indicator will be on right side. | Checkbox (yes/no) |
Selected “Touchpad Scroll Direction” value can has the opposite behavior. This depends on operating system settings. Please select this value depending on “Touchpad Scroll Direction” on your operating system settings. | ||
Touchpad Scroll Direction | Change the scroll direction Available options: moving down scrolls up, moving down scrolls down | Dropdown (optional) |
Hidden scroll | Hidden Scroll feature allows you to hide the visible scrollbar while still enabling full scrolling functionality within the repeating group | Checkbox (yes/no) |
Element Actions
- Reverse RG - This allows you to reverse the order in which items appear within a repeating group. This is particularly useful for applications like chat interfaces, live feeds, or activity logs, where the latest content should appear at the bottom or top, depending on your preference.
