Prerequisite

The implementation team should make sure that the following steps are completed before using the CTCUSTOMLOADMASKMANAGER API:

The CTTPL files containing the necessary load mask template should be placed within the 'implementation template folder', e.g. \ctmodelhouse\templates\html

Within each CTTPL file, the id attribute of the parent <div> should be set to loadercontainer as shown (highlighted in green) in the following example:

<div id="loadercontainer">

<div class="loadmaskcenter">

     <div class="loadmaskcontainer" style="width:{{width}};height:{{height}}">

            <div class="loadersection">

                   <h2 class='loadertitle'>{{title}}</h2>

                   <div id="loading-center">

                          <div id="circlecontainer">

                                 <div class="circle" id="circle_one"></div>

                                 <div class="circle" id="circle_two"></div>

                                 <div class="circle" id="circle_three"></div>

                                 <div class="circle" id="circle_four"></div>

                          </div>

                   </div>

                   <p class='loadermessage'>{{loaderMessage}}</p>

            </div>

     </div>

</div>

</div>