Replacing the Loader - progress.gif

0
I want to replace the default loader with a custom branded one, but I cannot figure out where the reference to this file is or even where the file comes from before deployment. Has anyone done this before?
asked
4 answers
1

Here's the code from mxui.css:

.mx-progress-indicator {
    width: 70px;
    height: 10px;
    margin: auto;
    background: url("widget/images/Progress/progress.gif");
}
answered
1

Hi,

The answer can be found in this topic. In short: override it in the theme.

answered
0

this simple way with CSS code 

1- download your custom preloader gif and put it close to the custom.css file 

2- open custom.css file

3- use class “. mx-progress-indicator ” to modify the preloader 
4- then run your code and tell us your feedback

like :

.mx-progress-indicator{
    background-image: url(../preloader/preloader.gif) !important;
    height: 84px;
    width: 83px;
    background-repeat: no-repeat;
    background-size: 85px;
    margin: 0 auto;
}
answered
0

Hi,

For the following code: 

.mx-progress-indicator{

    background-image: url(Loader.gif) !important;

    height: 84px;

    width: 83px;

    background-repeat: no-repeat;

    background-size: 85px;

    margin: 0 auto;

}

I am getting 404: File not found in Mendix console.

File location for custom.scss and the loader.gif

Main.scss location:

404-File not found:

So I placed the loader outside style folder (i.e. in theme->web); The code was:

.mx-progress {

    width: 70px;

    height: 10px;

    margin: auto;

    background: url(splash.gif) !important;

}

The progress bar was not shown and I got a error in console:

So I used double quotes for the file name the error was gone but the gif was not displayed.

So how to override the default loader, what is going wrong?.

answered