Customize loading icon in beta UI

[Matt Parizeau]

Q:

Is it possible to customize the loading icon in the WebViewer beta UI?

A:

Yes, the icon is styled in CSS and you can use your own styles to override it.

In your config file:

var cssLink = document.createElement('link');
cssLink.href = 'style.css';
cssLink.rel = 'stylesheet';
cssLink.type = 'text/css';
document.head.appendChild(cssLink);

In your style.css:

.LoadingModal .inner-wrapper {
  display: none;
}

.LoadingModal .container:before {
  content: url("https://www.pdftron.com/static/logo.8ee1b446.svg");
}