Create a sprite animation for a spinner in the splashscreen


Hello everyone, for my project my chief (i’m french by the way so my english can be approximate) ask me to add at the SplashScreen a animation for replace the classic spinner.

But i don’t know if i can do the with a serie of images for create a sprites like in the old video games.

I use cordova and ionic for my project so tell me if its possible to do that please. Have a nice day and thanks for the answers


Hi mandraker,

First of all let me tell you all the options available for splash screens.

  <preference name="ShowSplashScreenSpinner" value="true" />
  <preference name="SplashScreenDelay" value="2000"/>
  <preference name="FadeSplashScreenDuration" value="2000"/>
  <preference name="auto-hide-splash-screen" value="false" />

Other than this you will not have any other modification to the splash screen.

You can not add any images for splash screen spinner.


Hi man, first thank you for your answer,

my config.xml file is like this :

<?xml version='1.0' encoding='utf-8'?> Projekt1 An Ionic Framework and Cordova project. Your Name Here


If your config.xml file looks like above, then you are in serious problem, As your config.xml is not having proper information regarding your application.

Try to install new ionic application using

ionic start myapp

command and compare your config.xml file with that newly created application and then made the required changes in your config.xml file.


i don’t know if the copy/paste does well so i put again the information you ask :

<preference name="loglevel" value="DEBUG" />
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="SplashScreenDelay" value="5000" />
<preference name="FadeSplashScreenDuration" value="1000" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />


OK, but if you want to change the image of the spinner on splash screen than it would not be possible but you can always hide the spinner on splash screen

<preference name="ShowSplashScreenSpinner" value="false" />

Just add above mentioned code in your config.xml.

But change in spinner on splash screen is not possible.

If you find this answer helpful then feel free to give me heart by clicking on heart icon next to reply button. :slight_smile: