Moodle for mobile

moodle mobile app customization

Picture of Raymond Artin
moodle mobile app customization


i have copied your repo 

and changed all my images and resources, then  when i built it with phone gap and tested it on my phone it loads my custom splash screen then shows a white screen ,then reload with the moodle splash which is weird as i removed all the images related to moodle ... 

please help me spot the issue 

here is my repo  i need only an android version for now 

Average of ratings: -
Picture of Sergio Comerón Sánchez-Paniagua
Re: moodle mobile app customization
Plugin developers

Hi Raymond, 

if you want to build a custom application you need to clone the repo

I recommend you read the documentation with all the steps to do it:


Average of ratings: -
Picture of Madhav Deshpande
Re: moodle mobile app customization

Hello reymond,

I am facing the same problem.

I am building the app with Phonegap and have followed the instructions in the document to the last t. 

And yet, 

1. even after assigning correct site URL, the app continues to ask me the URL (does not go to my site directly)

2. Just as you described, I see my splash screen followed by a white screen and then the moodle splash screen. However, moodle splash screen does shoe my PNG file that I replaced for moodle_white.png.

Can anyone help?

Thanks in advance!

Average of ratings: -
Picture of behnaz ranjbar
Re: moodle mobile app customization

same problem have you found a way?

Average of ratings: -
Picture of Raymond Artin
Re: moodle mobile app customization

i found out that the normal app does the same thing, one the screens is a splash screen and the other is an html implemented code, i cannot remember the location of the file as i stopped customizing it a while ago to lack of support.

Average of ratings: -
Picture of Dani Palou
Re: moodle mobile app customization
Core developersMoodle HQParticularly helpful MoodlersPlugin developers


sorry for the delay in answering, it's been some crazy months lately.

Our app has an initialization step that can take a while depending on the device, the network connection and the status of the app. Sometimes the default splash screen time wasn't enough, so we created our HTML splash screen to be displayed in that case. We increased the splash screen time so this second splash isn't seen, but in some cases and devices it's still seen.

This second splash is called the "init page" and you can find it in: src/core/login/pages/init.

After modifying the config.json file you need to run gulp so changes are applied.

Also, remember to compile the app after doing any change in the app's files. Here are some of the commands that compile the app:

ionic serve

ionic cordova run android

ionic cordova build ios



Average of ratings: Useful (2)