Forum Academy Marketplace Showcase Pricing Features

[NEW PLUGIN] Repeating Group Slider

Hello Florian,
Thank you for your interest!

If I understood correctly, you need RepeatingGroup items to be of their natural height (i.e. max-content also known as “Fit height to content”). If that’s the case, set Active Slide Height and Inactive Slide Height to zero in the settings of the corresponding RepeatinGroupCarousel element. But items must have “Fit height to content”…

If this is not what you want, may I ask you to post a screenshot of the problem? My next guess is that the problem might be in the RepeatingGroup’s height, but I don’t quite sure what its height should be if not the same as its tallest item…

Here is the editor to see what I’ve suggested to what I understood is the problem: Repeatinggroupsliderexample | Bubble Editor

@vladimir.pak
That looks like what I was looking for, thanks!
I’ve only worked with a RepeatingGroupSlider and haven’t tried the RepeatinGroupCarousel yet. My first steps with RepeatinGroupCarousel are unfortunately not successful, my repeating group is not shown at all. The repeating group itself is not loaded on page load but I’ve put a condition to set the Container ID of RepeatingGroupCarousel on visibility like I did for the RepeatingGroupSlider before. In addition, I’ve only seen very simple text examples on your RepeatingGroupCarousel pages, my RepeatingGroup elements are more complex.

Any clue why the repeating group could get hidden as soon as I set it’s ID as Container ID in the RepeatingGroupCarousel?

Thanks in advance.

In response to the compexity of setting CSS Selector of RepeatingGroupSlider at right moment, we introduced more flexible technique of setting Element ID in RepeatingGroupCarousel, so when you use this element you don’t need to care about it (i mean you don’t need to set conditions and etc…), as long as your RepeatingGroup’s “This element is visible on page load” is checked. Just set the Element ID, that should be enough.

With regard to your problem, RepeatingGroupCarousel does nothing to hide or show the corresponding RepeatingGroup. There is probably other cause that makes RepeatingGroup invisible. If you could give me an access to your app, I’d be happy to help you figuring this out. Is it possible?

Thanks for the quick response!

Sorry, maybe I didn’t express my case correctly: my RepeatingGroup is not visible on page load.
And it is properly shown but as soon as I set the Container ID in the RepeatingGroupCarousel, it’s not shown anymore. If you want, we can also have a quick Google Meet session.

I DMed my email for Google Meet.
Meanwhile, without knowing the details I could suggest the following:

  1. wrap your RepeatingGroup with a Group container of alignment “Align to parent”, make RepeatingGroup 100% width and 100% height to fil the Group
  2. add RepeatingGroupCarousel with Element ID set into that Group container
  3. Show the Group container instead of the RepeatingGroup when you need it visible.

BTW, just tested setting up Element ID conditionally, it worked in my simple case (news slider on demo page). So the issue is more complex, we’d probably need a GM session to figure it out.

Thanks @vladimir.pak !
I will try the proposed solution and get back to you via DM.

Hi Florian!
In response to your request I’ve added additional choices to Fit to Content option. The two of them are of your interest:

  • LARGEST SMOOTH makes RepeatingGroup to resize smoothly once a new slide comes in or out of the viewport and looks like this:
    smooth-fit

  • LARGEST INSTANT makes RepeatingGroup to resize instantly once a new slide comes in or out of the viewport looks like this:
    instant-fit

Please update the plugin and set Fit to Content field to one of these values.

See it in editor: Your Bubble app (bubbleapps.io)