Understanding the colors of the Sidebar loading indicator

Issue

Sometimes, the Sidebar, or web browser container in integrations, appears empty and it’s difficult to tell what state it is in. The colors of the indicator change to visualize the loading progress in detailed steps.

Applies To

Product

Version

Core Platform5.3 or later
Sidebar14.5 or later
Sidebar Start Page1.1 or later
Any integration that uses the start page and Sidebar

Sometimes, the Sidebar, or web browser container in integrations, appears empty and it’s difficult to tell what state it is in. The colors of the indicator change to visualize the loading progress in detailed steps.

Colors interpreted:

  • red - javascript of start page is loading
  • blue clock wise - start page javascript is loaded, start page waits for init by Acrolinx Integration
  • blue counter clock wise - start page loads Sidebar html
  • yellow - Sidebar javascript is loading
  • blue - Sidebar javascript is loaded, Sidebar waits for init by Acrolinx Integration
  • green - Sidebar connects with server api

Current Steps of Sidebar loading

  • Load Sidebar HTML. 
    Normally this takes only a few milliseconds.

There are two possible situations:

  1. Start page is visible. 
    Upon signing in the first time or if the user has switched back to the start page. 
    Connect Button is disabled while loading but start page form is still visible.

  2. Start page isn’t visible. 

This happens if: 

  • integration sets showServerSelector: false
  • or the start page has saved a previous Acrolinx URL
  1. The Sidebar iframe appears.
  2. Sidebar is displayed (empty page) and loads css and spinning wheel.
  3. Sidebar displays spinning wheel and loads js.
  4. Sidebar shows sign-in button or signed in state.