Scrollable Groups

Husnain Ahmed

Last Update 2 jaar geleden

Description

đź”— Demo Page: https://chakor-plugins.bubbleapps.io/version-test/scrollable_groups
đź”— Editor Link: https://bubble.io/page?id=chakor-plugins&tab=tabs-1&name=scrollable_groups&type=page
Transform your Bubble groups into fully customizable scrollable containers with the Scrollable Groups Plugin. Whether you need vertical or horizontal scrolling, this plugin effortlessly adds scroll functionality to your existing groups, making it ideal for enhancing layout flexibility and user experience.

Instructions

1. Install the Plugin:

  • Go to the Bubble Plugin tab.
  • Search for "Scrollable Groups"
    and click "Install."

2. Prepare Your Group:

  • Design or select the group in your Bubble app that you want to make scrollable.
  • Ensure the group’s content exceeds its height or width to enable scrolling.

3. Assign an HTML ID:

  • In the group’s property editor, scroll down to the "HTML ID Attribute" field.
  • Enter a unique HTML ID for your group (e.g., my-scrollable-group).

4. Add Scrollable group element:

  • Navigate to the visual elements and add a "Scrollable Group" element on your page.
  • Enter the HTML ID of your group in the appearance tab of the element.
  • Set the direction of scrolling: Vertical or Horizontal

5. Preview:

  • Preview your Bubble app to see the scrollable group in action.

Was this article helpful?

0 out of 0 liked this article