Here's the code from mxui.css:
.mx-progress-indicator {
width: 70px;
height: 10px;
margin: auto;
background: url("widget/images/Progress/progress.gif");
}
Hi,
The answer can be found in this topic. In short: override it in the theme.
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;
}
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?.