Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

How to add a busy indicator at the start of the page loading using sap ui5

Hi experts,

I need to add a busy indicator at the start of the page loading (even if before the ui5 library loading)

I have used the code in .html given below.


$(document).render(function () {


  document.getElementById("load").innerHTML = "<tr></tr>";



and then the library loding code as given below.

<Script type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid,i5SPCChart"

              data-sap-ui-libs="sap.ui.core,sap.m,,sap.ui.commons,sap.makit,sap.ui.table,sap.ui.ux3,sap.viz", data-sap-ui-theme="sap_bluecrystal" >



and the div as given below

<div id="load" style="margin-top:200px;" align="center">

  <img src="/XMII/Default/UI5/Images/DataLoading.gif" width="170" height="55" alt="Please Wait !" align="middle">


after that calling the view


The above code is not working as my expectation. All the library file getting loaded first and then the busy indication showing. Finally the page element loads. Is there any way, that I can load the busy indicator before the sap ui5 library loading



I am using sap MII version 15.0  sp4 patch 11

Not what you were looking for? View more on this topic or Ask a question