How does one style the loader on the Service Portal initial load?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-20-2017 04:53 AM
When a Service Portal is initially loaded, it shows the following indicator:
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).
- Labels:
-
Service Portal Development

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-25-2017 07:19 AM
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")
...and the javascript looks like:
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-27-2023 02:21 AM
Nice approach @Patrick Schulte. Thank you for sharing 😁