Inverted RepeatingGroup (for Chat app)

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

🔗 Links

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