Automatic skeleton loader (with animations) for the native mobile Short List.
Give your native mobile app a professional feel while your data loads. This plugin shows an animated skeleton loader over your Short List while it waits for data, then clears once the data is loaded. Works on iOS and Android.

FEATURES:

- Automatic loading detection.
- Clears itself when the data appears.
- Auto-matches your list's row height, columns, spacing etc.
- Seven animation styles to choose from.
- Customisable base and highlight colours.
- Multiple lists per page supported.
- Exposes "Is showing" and "Row count" states, plus "Skeleton shown/hidden" events.
- Native iOS and Android.

HOW IT WORKS (SETUP):

This plugin is designed for the native Short List element only (not a selectable list), populated with the "Display list in a short list or selectable list" action.

- Leave your Short List's data source blank (important).

- In your workflow, set up three actions:
 1. Show the element (or its sheet)
 2. Add a pause for 1 second. 3.
 3. Run "Display list in a short list or selectable list" and pass the data source.

- Add the "Short List Skeleton Loader" element to the page, set its Target ID to your Short List's ID Attribute, and choose a style.

The skeleton appears the moment your (empty) list is shown, and clears the moment your rows load. Full setup and troubleshooting are included in the user guide.


Any issues, just reach out to me and I will fix them.

Paul