DigitalEye Plugins
  • Home
  • How to add a custom class or an ID to a Bubble element
  • LINKS
    • Contributor page
    • Contact us
  • PLUGINS
    • Advanced Dynamic Tables 🚀
    • Advanced Editable Tables âœī¸
    • Export Page to PDF đŸ”Ĩ
    • Advanced Algolia Search đŸ•ĩī¸
    • Rich Text Editor like Medium 📝
    • Scrollspy 👁
    • Move, Rotate & Resize element 🔄
    • Inverted RepeatingGroup (for Chat app)
    • Live Chats (LiveChat.com, Intercom ...) đŸ’Ŧ
    • Advanced Screenshot Element đŸ–ŧ
    • Screenshot Element đŸ–ŧ
    • Cookies đŸĒ
    • Device by Screen Size 📱 đŸ–Ĩ đŸ“ē
    • Browser Language and Locale 📍
    • Advanced <iframe> element đŸ–Ĩ
    • Conditional Redirect 🔀
    • Users Online đŸ™‹â€â™‚ī¸
    • Page Close Event đŸšĒ
  • TEMPLATES
    • Eatics: Food Delivery Platform like Uber Eats 🍔
    • Coursus: Advanced Online Courses (Udemy-like) 🎓
    • Sline: Premium Admin & Dashboard 📈
    • BubbleBook: a GitBook clone
    • BubbleBook Landing
Powered by GitBook
On this page
  • 🔗 Links
  • â„šī¸ Introduction
  • đŸ”Ĩ Features
  • 📚 Documentation

Was this helpful?

  1. PLUGINS

Inverted RepeatingGroup (for Chat app)

Revert the Repeating Group elements ordering upside down to create apps like chats and messages

PreviousMove, Rotate & Resize element 🔄NextLive Chats (LiveChat.com, Intercom ...) đŸ’Ŧ

Last updated 4 years ago

Was this helpful?

🔗 Links

|

â„šī¸ Introduction

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.

đŸ”Ĩ Features

  • Revert the Repeating group elements order and change the scroll behaviour

  • Show scrollbar on the left (or right) side of the Repeating Group

  • Hide/Show scrollbar

📚 Documentation

Pre-requirements:

  1. Install and configure Classify plugin:

2. Add a Repeating Group and define an ID:

Now when you have a Repeating Group on your page:

  1. Add the "Inverted Repeating Group" element on your app page and copy paste the ID.

  2. Define following parameters:

  • ID (text): Same ID from the step 1

  • Invert Repeating group (yes/no): Revert the Repeating group elements order and change the scroll behaviour

  • Scrollbar on the left (yes/no): Show scrollbar on the left/right side of the Repeating Group

  • Hide scrollbar (yes/no): Hide/Show scrollbar. Please note that this option may not work properly in some browsers

How to add a custom class or an ID to a Bubble element
Demo
Editor
Plugin page
Forum