Inverted RepeatingGroup (for Chat app)

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

Demo | Editor

Plugin page

Forum

ℹī¸ 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:

pageHow to add a custom class or an ID to a Bubble element

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

Last updated