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

**URL:** <https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847>\
**Category:** Showcase\
**Created:** [March 1, 2021, 10:55am UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847 "2021-03-01T10:55:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [March 1, 2021, 10:55am UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/1 "2021-03-01T10:55:05Z")

</div>

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

 ![Inverted_RG](https://us1.discourse-cdn.com/bubble/original/3X/a/2/a21e3880a20b62a8c198c18e8edb40645158a224.jpeg)

Check our demo to see the plugin in action: [DEMO](https://digitaleyedemo.bubbleapps.io/inverted_rg) | [EDITOR](https://bubble.io/page?type=page&name=inverted_rg&id=digitaleyedemo&tab=tabs-1)

[Full Description, Documentation & Screenshots](https://digitaleye.bubbleapps.io/index/inverted-repeating-group)

Plugin Page:

> **[Inverted Repeating Group Like Chat Plugin for Bubble, by Digital Eye](https://bubble.io/plugin/inverted-repeating-group-like-chat-1614516761794x182777501586030600)**
>
> Inverted Repeating Group Like Chat Plugin page on Bubble, by Digital Eye. Add Inverted Repeating Group Like Chat in one click to your app. Bubble lets you build web apps without any code.

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

Cheers,  
Sam

---

<div class="post-metadata">

**Author:** ![jared.gibb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jared.gibb/32/123329_2.png) [@jared.gibb](https://forum.bubble.io/u/jared.gibb)\
**Post date:** [March 1, 2021, 12:08pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/2 "2021-03-01T12:08:45Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [March 1, 2021, 12:29pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/3 "2021-03-01T12:29:43Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![jared.gibb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jared.gibb/32/123329_2.png) [@jared.gibb](https://forum.bubble.io/u/jared.gibb)\
**Post date:** [March 1, 2021, 12:54pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/4 "2021-03-01T12:54:07Z")

</div>

Nice! Thanks for sharing!

---

<div class="post-metadata">

**Author:** ![viljames165](https://avatars.discourse-cdn.com/v4/letter/v/b5ac83/32.png) [@viljames165](https://forum.bubble.io/u/viljames165)\
**Post date:** [March 3, 2021, 9:30am UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/5 "2021-03-03T09:30:43Z")

</div>

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!!  
🙏

---

<div class="post-metadata">

**Author:** ![shashaankaachaarya](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@shashaankaachaarya](https://forum.bubble.io/u/shashaankaachaarya)\
**Post date:** [March 3, 2021, 12:22pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/6 "2021-03-03T12:22:40Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [March 3, 2021, 12:50pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/7 "2021-03-03T12:50:44Z")

</div>

Hi Shashank,

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

- [Demo](https://digitaleyedemo.bubbleapps.io/version-test/inverted_rg2)
- [Editor](https://bubble.io/page?type=page&name=inverted_rg2&id=digitaleyedemo&tab=tabs-1)

 ![Inverted_RG](https://us1.discourse-cdn.com/bubble/original/3X/3/a/3a0b5fe1a90abd4396fe6474ff9d3cfd305aee08.jpeg)

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!

---

<div class="post-metadata">

**Author:** ![shashaankaachaarya](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@shashaankaachaarya](https://forum.bubble.io/u/shashaankaachaarya)\
**Post date:** [March 4, 2021, 7:59pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/8 "2021-03-04T19:59:11Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tona](https://avatars.discourse-cdn.com/v4/letter/t/c37758/32.png) [@tona](https://forum.bubble.io/u/tona)\
**Post date:** [March 4, 2021, 9:40pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/9 "2021-03-04T21:40:43Z")

</div>

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](https://bubble.io/plugin/repeatinggroup-to-chat-1577723723112x940641204980154400).

---

<div class="post-metadata">

**Author:** ![josemansilva](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/josemansilva/32/21507_2.png) [@josemansilva](https://forum.bubble.io/u/josemansilva)\
**Post date:** [March 15, 2021, 9:01pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/10 "2021-03-15T21:01:46Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [March 15, 2021, 9:56pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/11 "2021-03-15T21:56:37Z")

</div>

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 😉

---

<div class="post-metadata">

**Author:** ![josemansilva](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/josemansilva/32/21507_2.png) [@josemansilva](https://forum.bubble.io/u/josemansilva)\
**Post date:** [March 17, 2021, 11:43pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/12 "2021-03-17T23:43:36Z")

</div>

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

🙏 🙏 🙏 🙏 🙏

---

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [March 20, 2021, 1:28pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/13 "2021-03-20T13:28:47Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![josemansilva](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/josemansilva/32/21507_2.png) [@josemansilva](https://forum.bubble.io/u/josemansilva)\
**Post date:** [March 22, 2021, 1:28am UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/14 "2021-03-22T01:28:45Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ananthurg77](https://avatars.discourse-cdn.com/v4/letter/a/7ea924/32.png) [@ananthurg77](https://forum.bubble.io/u/ananthurg77)\
**Post date:** [August 10, 2021, 3:57pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/15 "2021-08-10T15:57:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [November 10, 2021, 12:05pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/16 "2021-11-10T12:05:57Z")

</div>

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

[Documentation](https://bubble.digital-bird.com/plugins/inverted-repeatinggroup-chat-app)

---

<div class="post-metadata">

**Author:** ![Diego](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/diego/32/1187_2.png) [@Diego](https://forum.bubble.io/u/Diego)\
**Post date:** [November 10, 2021, 6:51pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/17 "2021-11-10T18:51:35Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [December 13, 2021, 7:46pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/18 "2021-12-13T19:46:27Z")

</div>

# Inverted Repeating Group v1.1.0 update:

- Support of the new Bubble’s responsive engine

Demo links (unchanged): [DEMO](https://digitaleyedemo.bubbleapps.io/inverted_rg) | [EDITOR](https://bubble.io/page?type=page&name=inverted_rg&id=digitaleyedemo&tab=tabs-1)

Special thanks: @Diego

---

<div class="post-metadata">

**Author:** ![dschmidtfellner](https://avatars.discourse-cdn.com/v4/letter/d/8e7dd6/32.png) [@dschmidtfellner](https://forum.bubble.io/u/dschmidtfellner)\
**Post date:** [February 10, 2022, 10:11pm UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/19 "2022-02-10T22:11:10Z")

</div>

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.

1. For some reason, the text has taken on right to left orientation
2. It doesn’t show the most recent comments on load - they’re below the fold of the screen
3. 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: [Screen Recording 2022-02-10 at 1.57.38 PM.mov - Google Drive](https://drive.google.com/file/d/1CSYxq3Wa-uhUz9LyqDyWCG3GViQvApZL/view?usp=sharing)

Images:

 ![Screen Shot 2022-02-10 at 2.08.52 PM](https://us1.discourse-cdn.com/bubble/original/3X/0/b/0bc85457c760de838c4a425f01d4a8a31a64b34d.png)  
 ![Screen Shot 2022-02-10 at 2.08.45 PM](https://us1.discourse-cdn.com/bubble/original/3X/d/7/d7314679f42fe934b39c5d5e99ee18c01632c47d.png)  
 ![Screen Shot 2022-02-10 at 2.09.37 PM](https://us1.discourse-cdn.com/bubble/original/3X/6/3/6355d53326ce584aed39a6f777cfbf6388364ed2.png)

---

<div class="post-metadata">

**Author:** ![BubbleSam](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubblesam/32/85699_2.png) [@BubbleSam](https://forum.bubble.io/u/BubbleSam)\
**Post date:** [February 18, 2022, 10:13am UTC](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847/20 "2022-02-18T10:13:13Z")

</div>

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

> **[Bubble Editor - Digitaleyedemo](https://bubble.io/page?type=page&name=inverted_rg&id=digitaleyedemo&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

[Next page](https://forum.bubble.io/t/new-plugin-inverted-repeating-group-like-a-chat-app/138847.md?page=2)
