Base solution for your next web application
Ends in:
01 DAYS
01 HRS
01 MIN
01 SEC
Open Closed

abp.ui.setBusy: how do I implement the spinner? #6973


User avatar
0
aquasource created

I am trying to use abp.ui.setBusy as per below but cannot get the spinner to work:

abp.ui.setBusy( $('#MyLoginForm'), abp.ajax({ ... })
);

In the documentation I read the following: "The UI Busy API is implemented using spin.js. To make it work, you must include its JavaScript file, then include abp.spin.js to your page (See this JavaScript file for the simple implementation and defaults)."

Unfortunately there is no link provided to the JavaScript example file. Can anyone help please?


3 Answer(s)
  • User Avatar
    0
    aaron created
    Support Team

    https://github.com/aspnetboilerplate/aspnetboilerplate/blob/dev/src/Abp.Web.Resources/Abp/Framework/scripts/libs/abp.spin.js

  • User Avatar
    0
    aquasource created

    Thanks. I'm unclear how I would incorporate this with a call of the following form (which automatically unblocks the page when the promise is completed):

    abp.ui.setBusy( $('#MyLoginForm'), abp.ajax({ ... })
    );

  • User Avatar
    0
    maliming created
    Support Team

    hi @aquasource Many times you can refer to Zero's code.

    https://github.com/aspnetzero/aspnet-zero-core/blob/dev/aspnet-core/src/MyCompanyName.AbpZeroTemplate.Web.Mvc/wwwroot/view-resources/Views/Account/Login.js#L33hi