How does one style the loader on the Service Portal initial load?

cjke_7777
Kilo Explorer

When a Service Portal is initially loaded, it shows the following indicator:

find_real_file.png

Is there anyway to control or style this? And if not, can it simply be removed?

Also, is it possible to remove all the unneeded requests? For example, remove bootstrap from ever being loaded? 30 odd requests seems quite high if we're trying to keep the page quick and nimble (I understand some of the configuration data and files being needed).

6 REPLIES 6

Patrick Schulte
Kilo Guru

Looking at the code its seems like the "Loding..." text is hard coded and not taken from a manipulable template, directive or whatsoever.



The HTML looks like:
(please note the ng-if="firstPage")


1.png


...and the javascript looks like:


2.png


3.png



Anyhow I found a somewhat quirky way to replace the "Loading..." text with some other HTML.


Navigate to Service Portal --> Portal --> [[Choose desired Portal]] --> Theme --> JS Include --> New:


Add a script with the following lines:


jQuery(document).ready(function(){


        jQuery('BODY .page:first-child H4:first-child').html('<h4>This is my custom Loading Text</h4>');


});



Reload the portal and see the magic happening live (you might have to empty your browsers cache first though).



Doing so I managed to implement a full-screen loading screen with a spinning Tricentis Tosca icon.


4.gif


Nice approach @Patrick Schulte. Thank you for sharing 😁