Forum Academy Marketplace Showcase Pricing Features

🔀 Reverse Repeating Groups for Chats - New Plugin from Zeroqode

One can also create a reverse repetitive group by defining a CSS property on the first div element of your repeating group.
Step 1: Create a repeting group, and enter the ID. How to define Id attribute
Step 2: Reverse the data source in descending order.
Step 3: Create an HTML component and save

<style>
#<repeting-group-id> > div:first-of-type {
             display: flex; 
             flex-direction: column-reverse;
}
</style>

where is the id-attribute of repeting group.

1 Like

@shubh.singh094 I like the idea!
But some tests should be made with the responsive design to make sure it doesn’t break. Bubble’s responsive engine isn’t based on flexbox (unfortunately) so your solution may interfere with it…

Hello, @nishimura. Thanks for your question.

I hope I understood your question right. The simplest way to display the height Reverse Repeating Groups in a maximum allowed window size is to play with the repeating group element height, to make it look the most suitable to your needs:
https://prnt.sc/snjhj8
https://prnt.sc/snjhsp
https://prnt.sc/snji4w
If this is not the answer you needed, please provide us with more details :slight_smile:

Regards,
Zeroqode Team

1 Like

Works great! I’ve noticed two small things though that I am not sure of. Is their a way to change the direction of the scroll wheel so that scrolling down goes up or vice versa? Also I did notice that images and text are not as clear anymore, they are for some reason a bit blurrier; was wondering if anyone might know the reason for that. Thanks!

Edit: The second issue has gone away, I assume it was a browser issue.

Hi @Drahgoone,

Thanks for your feedback. Unfortunately, it is not possible to change the scroll direction with our plugin.

However, we have taken it into consideration and will look into future possibilities for improvement!

Best regards,
Zeroqode Team

Has anyone run into issues with organizing the RG by Creation Date? My plugin was working just fine a few weeks ago. Now all the messages are in order from “Creation Date” Descending “No” no matter how I try and adjust the setting. Thanks

@PasqualeJS Hi there.

Have you tried re-installing the plugin, placing a new element on page , adjusting the settings and trying again?
I believe sometimes things like this happen when changes are made in the plugin api on bubble’s backend and things go crazy for some users.

Cheers.

1 Like

Thanks for the tip but still no luck. @zeroqode Any help on this?

Hi, @PasqualeJS!

As far as the issue is not reproducing on our side, could you please provide a bit more details like screenshots of the plugin element settings, screenshots of RG settings and screenshot of the result you get in order to investigate this issue?

Just in case, if you set from “Creation date” descending “No” , then you will see messages from old to new. If you set the descending “Yes” then you’ll the messages from new to old.

Best,
Zeroqode Team

Hi, @Drahgoone!

We are happy to inform you that we have updated the plugin and added scrolling wheel direction and moreover - hiding the scroll bar. :slightly_smiling_face:

Please upgrade the plugin to the latest version, refresh your app and give it a try again. :slightly_smiling_face:

Best,
Zeroqode Team