Base solution for your next web application
Open Closed

Change app loader #3239


User avatar
0
antonis created

I am trying to change the app loader (when the app loads) but I cant find the code. Does anyone know how to do it?


14 Answer(s)
  • User Avatar
    0
    alirizaadiyahsi created

    Hi,

    For better help, could you share the use case what you want to do?

  • User Avatar
    0
    antonis created

    Hi,

    I want to change the loader when the app first loads. Take a look at the screenshot to view the loader I need to change [https://1drv.ms/f/s!AmYM9tmN3sk9a0Kz6KVZLdNufhc])

  • User Avatar
    0
    alirizaadiyahsi created

    Sorry I missunderstood. You mean loading image. Check this file.

    ~\src\assets\metronic\global\scripts\app.js

    Image name is 'loading-spinner-grey.gif', you can search by this.

  • User Avatar
    0
    antonis created

    Thanks for your reply. I change it in app.js but I still see that app.min.js is not updated.

  • User Avatar
    0
    antonis created

    And of course the loader is not changed

  • User Avatar
    0
    alirizaadiyahsi created

    There is an extension for auto bundling/minifying, check if it is installed on your visual studio.

    Check this document for detailed explanation. <a class="postlink" href="https://aspnetzero.com/Documents/Development-Guide-Core#bundling-minifying-and-compiling">https://aspnetzero.com/Documents/Develo ... -compiling</a>

  • User Avatar
    0
    antonis created

    I am using VS Code not VS

  • User Avatar
    0
    antonis created

    The link you sent me is for core-server not client. Are there any instructions on how to perform minification on angular 2?

  • User Avatar
    0
    alirizaadiyahsi created

    if you use angular version, then you don't need to do anything to minify. You just change it in app.js and debug it on browser console if it is working.

  • User Avatar
    0
    antonis created

    I changed from loading-spinner-grey to loading-spinner-blue clean browser cache and I still see the grey one.

  • User Avatar
    0
    antonis created

    Actually just noticed that if you see the spinner that I attached before and the one you suggested change they are not the same. This is not the spinner that is used in page loading..

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    I think it is showed by spin.js. We block the ui with ABP's Javascript UI Block & Busy API and it uses spinjs. See <a class="postlink" href="https://aspnetboilerplate.com/Pages/Documents/Javascript-API/UI-Block-Busy">https://aspnetboilerplate.com/Pages/Doc ... Block-Busy</a>

    If spin.js allows, you can change it's spinner. If not, you can replace ABP's busy javascript implementation.

  • User Avatar
    0
    antonis created

    How can I replace ABP's busy javascript implementation?

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    You can create a similar javascript file like this one <a class="postlink" href="https://github.com/aspnetboilerplate/aspnetboilerplate/blob/dev/src/Abp.Web.Resources/Abp/Framework/scripts/libs/abp.spin.js">https://github.com/aspnetboilerplate/as ... bp.spin.js</a> and put it into your page after ABP's original one.