Base solution for your next web application
Open Closed

How to show common progress bar loader during my data processing in back end? #7264

User avatar
0
xitix created

I am calling stored procedure, and its taking 6, 7 sec to execute, I wan to show common ASP.NET Zero progress bar loader during procedure execution.

Markdown is supported
Copy & paste or drag & drop images (max 30 MB per image)
Go to accepted answer
9 Answer(s)
  • User Avatar
    0
    maliming created
    Support Team
    • What is your product version?
    • What is your product type (Angular or MVC)?
    • What is product framework type (.net framework or .net core)?
    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    xitix created

    Product version : V.7.0(Latest) Product Type : Angular Framework Type : .Net Core

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    maliming created
    Support Team

    You can use the following command.

    abp.ui.setBusy();
abp.ui.clearBusy();
    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    xitix created

    Thank you so much for your support and this is working fine but while showing loader icon it disabled all screen area including side bar menu, but I want to show loader on perticular <div> tag or on content area only.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    maliming created
    Support Team

    You can pass arguments or use BusyIfDirective

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    xitix created

    Hi Mr. Maliming,

        Regarding block level progress bar given above, I am still not able to do it or its not coming.
    May you please do for once for one report by taking remote. 
    
    I sent you my Teamviewer credentials on Email.

    Regards,

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    We will be using https://github.com/Napster2210/ngx-spinner for the next version of AspNet Zero. You can also take a look at this library.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    musa.demir created

    You can also manually upgrade your busyIf directive , check this out

    And if you implement it. Don't forget to add component as an entry component. app.module.ts

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    ismcagdas created
    Support Team

    This issue is closed because of no recent activity. Please open a new issue if you are still having this problem.

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