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:

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