Auto Height Groups

Ensure Consistent and Uniform Group Heights Across Your Repeating Groups

Ramsha Ahmed

Last Update 2 jaar geleden

Description

Demo Page

https://chakor-plugin-demo-3.bubbleapps.io/version-test/auto_height_groups


Demo Editor

https://bubble.io/page?id=chakor-plugin-demo-3&tab=Design&name=auto_height_groups&type=page

Auto Height Groups
This plugin ensures all groups within a repeating group are dynamically sized to match the height of the tallest group, creating a uniform and professional layout. Perfect for applications with complex layouts, it maintains consistency and alignment across all cells for a seamless user experience.


Key Features

  1. Dynamic Height Adjustment: Automatically calculates the maximum height of groups within each type (e.g., A, B, C) and applies it across all corresponding groups within the repeating group.
  2. Consistent Layouts: Ensures all groups within a repeating group are perfectly aligned for a clean and polished design.
  3. Element and Action Support: Works both as a visual element for automatic adjustments and as a workflow action for customized control in your app logic.
  4. Easy Integration: Plug-and-play setup that works seamlessly with any Bubble repeating group configuration.
  5. Responsive & Versatile: Fully compatible with dynamic content and responsive layouts, ensuring uniformity across all screen sizes.

    6. Instructions

    Step 1: Assign a dynamic id to the group within your repeating group using format 'prefix[dynamicNumber]' such as "exclusion[CURRENTCELLINDEX]"
    Step 2: Place the dynamic height element and enter the list of prefixesYou can also use "Set Dynamic Height" action for setting the dynamic height by passing it the list of prefixes.

    Was this article helpful?

    0 out of 0 liked this article