Customize your Moodle app using custom CSS @MoodleMobileApp

Source: Customize your Moodle app using custom CSS @MoodleMobileApp #Moodle – Moodle World – Moodle World

Moodle Mobile App customization – everyone wants the app to be customized and modified for their institute, company, corporate. Yesterday, I wrote about getting your own branded Moodle App – a new service by Vidya Mantra – Moodle partner from India. Today, I stumbled upon this Moodle developer docs which describes the process how the Moodle Mobile app can retrieve your custom styles from your Moodle site.

Since the Moodle Mobile app is an HTML 5 app, so it allows you to safely apply the CSS 3 styles. All you need to do is to create a new CSS file containing your custom styles (theme). After that go to Plugins / Web services / Mobile and enter in the mobilecssurl field a valid URL pointing to a CSS file.

Customize your Moodle app using custom CSS @MoodleMobileApp #Moodle

The doc contains all necessary information for getting started with developing your own custom mobile themes like Testing, Styling specific pages, Example of a custom CSS file etc. You can check out the Docs page here for complete reference.

Apart from the Docs, you can also have a look on this presentation by Juan Leyva on developing Moodle Mobile remote themes for more detailed instructions.