cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

How to place a loading gif before the load of a view?

Go to solution
Former Member

on ‎10-23-2015 8:12 AM

0 Kudos

Hi experts,

I am trying to place a loading gif before the load of a view, similar to fiori custom launch pad.

Show replies
Show replies
Answer

Accepted Solutions (1)

Accepted Solutions (1)

dunayevsky_yuri
Participant
‎10-23-2015 8:46 AM
0 Kudos

Why don't you just put it into your .html file?

Then, after the app is up, remove it or replace by the view.

Show replies
Show replies
Former Member
‎10-23-2015 9:23 AM
0 Kudos

ok, let me try it that way. So, first I have to place a busy indicator, and once its done, I have to remove it after the page loads up.

Former Member
‎10-23-2015 9:42 AM
0 Kudos

Hi,

Can u try like this

Ref : JS Bin - Collaborative JavaScript Debugging

Former Member
‎10-23-2015 9:54 AM
0 Kudos

Hi Pradeep, I suppose,here the coding is done for loading too.I suppose, there are pre built functions for this too, like sap.m.busyindicator and sap.ui.commons.prgressindicator. Can you help me in implementing using these?

Former Member
‎10-23-2015 10:03 AM
0 Kudos

Hi,

1.Write this code in your HTML page:

               <script>

                    var oBusyDialog=new sap.m.BusyDialog("oBusyDialog");

                     oBusyDialog.open();

               </script>

2.And in your controller js:

          onAfterRendering: function() {

                 sap.ui.getCore().getElementById("oBusyDialog").close();

         }

Try this

dunayevsky_yuri
Participant
‎10-23-2015 10:16 AM
0 Kudos

Maybe it is required to add the dialog to the page's content, like:

<script>

var oBusyDialog=new sap.m.BusyDialog("oBusyDialog");

oBusyDialog.placeAt("content");

oBusyDialog.open();

</script>

<body class="sapUiBody" role="application">

        <div id="content"></div>

</body>

because the dialog should be placed into some <div> tag on the page.

Former Member
‎10-23-2015 11:24 AM
0 Kudos

Thanks, Pradeep!!

Answers (3)

Answers (3)

saivellanki
Active Contributor
‎10-23-2015 10:27 AM
0 Kudos

Hi Sanjo,

If you're using a JS view, try like this on your createContent() method (below example shown using busy dialog control) -



var oGlobalBusyDialog = new sap.m.BusyDailog({title:"Processing..."});     //Create a Global BusyDialog


this.addEventDelegate({


     onBeforeShow:function(){


          oGlobalBusyDialog.open();        //Opens the busy dialog on before show of view


}


     onAfterShow:function(){


          oGlobalBusyDialog.close();          //Closes the busy dialog on after show of view


}


},this);

If you're using XML view, same logic you can have it in onInit of controller. But instead of this, it will be this.getView();


Regards,

Sai Vellanki.

Show replies
Show replies
saivellanki
Active Contributor
‎10-23-2015 8:36 AM
0 Kudos

Hi Sanjo,


Go through this blog, you will get an answer to your question:

Regards,

Sai Vellanki.

Show replies
Show replies
Former Member
‎10-23-2015 9:21 AM
0 Kudos

hi,

I already checked all the help I could get from SCN, any solution  from your side?

Former Member
‎10-23-2015 8:22 AM
0 Kudos

Hi,

Check this link and try implementing the same,

SAPUI5 app loading indicator - easy way | SCN

Show replies
Show replies
Former Member
‎10-23-2015 9:21 AM
0 Kudos

hi,

I already checked all the help I could get from SCN, any solution  from your side?

Ask a Question