Preloader

Blokks loads your schedule as fast as possible. But during events with lots of attendees, their internet connection can be unreliable and slow. In those cases, you’ll want to show a Preloader to let your users know that loading the schedule may take longer than expected.

To do this, simply add your preloader markup to the <div blokks-container> container. Here’s an example:

<div blokks-container>
  <span>Loading…</span>
  <svg><use xlink:href="assets.svg#preloader"></use></svg>
</div>

Note: The preloader isn’t part of the structure of the embed, and is replaced by the actual embed when all data is loaded.