Busy Loaders

Busy loaders are components that repeatedly appear in applications while they are busy, usually blocking inputs or interactions until background tasks finish.

When to use

  • The busy loader is blocking the interactions on a certain element.

  • The busy loader is covering the entire page or window.

Scenario

Here, you can see an example of how a busy loader may look, in this scenario we see a loading in front of the table that we want to interact.

Busy loader example

How to use

Identify the busy loader selector

Busy Loader on a table while loading
Busy Loader on the DOM

Some busy loaders are added dynamically on the DOM or are hidden.

Add the busy loader selector

Add the selector in the QualityMate configuration parameter BusyLoaderSelectors

By .runsettings file

<Parameter name="BusyLoaderSelectors" value=".black-element"/>

UiPlayerConfiguration mySettings = new UiPlayerConfiguration
{
    BusyLoaderSelectors = new[] { ".black-screen", ".black-element", },
};

Multiple busy loaders selectors can be used, separating then with ;

Last updated

Was this helpful?