Base solution for your next web application
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?

Markdown is supported
Copy & paste or drag & drop images (max 30 MB per image)
Go to accepted answer
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

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • 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({ ... })
    );

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • 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

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
Assignee
No one
Labels
None yet