Customize Loading Screen

Hello Team,

I am using Helical Insight EE 4.0 RC2. There is a popup screen that appears showing loading screen (how many resources are loaded and how many are pending). I want to customize this screen. How do I do it?

image

Thank You

1 Like

Hello Degiba,

To Change the “Loading” modal on a dashboard , follow these steps:

  1. Open file : /apache-tomcat-9/webapps/hi-ee/WEB-INF/jsp/serviceLoadView.jsp
  2. Find the modal window code : search for html
    element with id=hdi-blockUI
  3. Modify the structure of the Modal Dialog by updating the HTML content
  4. e.g.

    Comment the whole div and paste below sample code. You can accordingly make changes :

    <div data-keyboard="false" data-backdrop="static" id="hdi-blockUI" class="modal"
         role="dialog">
        <div class="modal-dialog modal-dialog-centered" style="width:10vw;">
            <div class="modal-content">
    			<div class="modal-header" style="border-bottom:0px" > 
    				<button type="button" class="close" data-dismiss="modal" onClick="_reset_loading_panel()">&times;</button>
    			</div>	
    			<div class="modal-body">
    				<div>
    					<div class="row">
    					  <div class="col-md-6" style="font-size: x-large; color:#746a6f"><span class="glyphicon glyphicon-repeat spin"></span></div>
    					  <div class="col-md-6" style="font-size: x-large; color:#746a6f"><span class = "pull-right" id="request-count">0</span></div>
    					 </div>
    				</div>	
    						
    			</div>
    		</div>
        </div>
    </div>