[NEW PLUGIN]: 🔄 Inverted Repeating Group (Like a Chat app)

BubbleSam · March 1, 2021, 10:55am

This plugin allows to revert the Repeating Group elements ordering. So to see / load next items in the list you have to scroll to the top (instead of scrolling to the bottom).

Use case: any chat / messaging app (e.g. Facebook, Telegram, WhatsApp…). The latest message showed on the bottom and you have to scroll to the top to load older ones.

Plugin features:

Revert the Repeating group elements order and change the scroll behaviour
Show scrollbar on the left (right) side of the Repeating Group
Hide/Show scrollbar

Check our demo to see the plugin in action: DEMO | EDITOR

Full Description, Documentation & Screenshots

Plugin Page:

I hope that this will be helpful for the Bubble community!

Cheers,
Sam

jared.gibb · March 1, 2021, 12:08pm

Is this different than the @ZeroqodeSupport plugin of the same?

BubbleSam · March 1, 2021, 12:29pm

Hi @jared.gibb ,
Thank you for your question!
From what I can see, the main idea of both plugins is the same.
However, they have slightly different settings. Also, I’m not sure whether Zerocode’s plugin can update the settings dynamically (like in our demo) since they didn’t provide any demo for that.
And of cause, the technical realisation may be different

jared.gibb · March 1, 2021, 12:54pm

Nice! Thanks for sharing!

viljames165 · March 3, 2021, 9:30am

Thanks for the plugin, really helpful!
Firstly I’ve tried another one mentioned above and it didn’t work for me (some issues on mobile and really weird reversed order for characters).
Your plugin is fantastic!!

shashaankaachaarya · March 3, 2021, 12:22pm

Hi,
A couple of questions:

Will it work with other elements such as buttons, images, links, etc. apart from the text elements?
Can I use this plugin functionality to build a chatbot?

Thanks,
Shashank

BubbleSam · March 3, 2021, 12:52pm

Hi Shashank,

Sure, you can use other element types as well! Here is a simple example with images, texts and links:

Demo
Editor

And yes, I don’t see why you can’t use for a chatbot

I will be happy to answer any further questions you may have!

shashaankaachaarya · March 4, 2021, 7:59pm

Awesome! Thanks a ton
I will reach out to you if I have any more questions!

tona · March 4, 2021, 9:40pm

It’s very similar to Zeroqode’s, but I’d be interested if you can get a mouse wheel scroll to work like the scrollbar does. It does in this plugin RepeatingGroup to Chat Plugin | Bubble.

josemansilva · March 15, 2021, 9:01pm

Awesome, but this works on a full list repeating group ?

BubbleSam · March 15, 2021, 9:56pm

Hi there,

Yeah, it should work. If you want, you can provide more details for your case and I can create a demo for you

josemansilva · March 17, 2021, 11:43pm

Thank you for the reply, when i do mobile apps i use full list to be height responsive, my chat runs inside a floating (both) group. Zeroqode plugin dont work in a full list group. A good test would be

Screen 380x1000
Floating group (both) same window size
Make a RP chat on top, only one row (like 80px height) and tell me if the plugin works

BubbleSam · March 20, 2021, 1:28pm

Thank you for a great example! I understand now your requirement. Unfortunately, this won’t work because the plugin needs a scrollable container

josemansilva · March 22, 2021, 1:28am

Thank you anyway for try a solution. Anyway, any chance to be possible in future ?

ananthurg77 · August 10, 2021, 3:57pm

Hi can you please help me how to set up that free plugin to make messaging function

Can anyone please make any video of the process and share

BubbleSam · November 10, 2021, 12:05pm

Great news, We’ve just updated plugin’s documentation!

Documentation

Diego · November 10, 2021, 6:51pm

Hi! have you adapted the plugin to the new responsive engine?

BubbleSam · December 13, 2021, 7:46pm

Inverted Repeating Group v1.1.0 update:

Support of the new Bubble’s responsive engine

Demo links (unchanged): DEMO | EDITOR

Special thanks: @Diego

dschmidtfellner · February 10, 2022, 10:11pm

Hi there! I’ve tried to implement exactly as you’ve shown in the demo, but I’m having a few issues. I’m copying a video of what my setup looks like, and screenshots of how I set up the RG and the Inverted RG elements.

For some reason, the text has taken on right to left orientation
It doesn’t show the most recent comments on load - they’re below the fold of the screen
When I scroll to the BOTTOM, it adds items to the top of the list. It should be doing that when I scroll to the TOP of the list.

Do you know why I’m having these issues?

Video: https://drive.google.com/file/d/1CSYxq3Wa-uhUz9LyqDyWCG3GViQvApZL/view?usp=sharing

Images:

BubbleSam · February 18, 2022, 10:13am

Hi there,
The easiest way would be to follow the example in demo app’s editor: