Mobile theme custom CSS file

Re: Mobile theme custom CSS file

by Berta Maroto -
Number of replies: 2

Hi,

Have you checked this documentation?

https://docs.moodle.org/dev/Moodle_Mobile_Themes#Styling_specific_pages
http://www.slideshare.net/juanleyva/creating-moodle-mobile-remote-themes

First link is the general documentation for developers
Second link is a Moodle Moot slide regarding Themes.

Regards,


Berta

In reply to Berta Maroto

Re: Mobile theme custom CSS file

by Elton LaClare -

Hello,

Thank you for the links to the documentation. I have read the resources several times, but I still cannot figure out how to find the unique base class for individual pages in the app. The slideshare presentation on mobile themes recommends searching for the <ion-content> element. I have done this and have located the tag in ionic.bundle.js, but I still cannot find the base class for individual pages. Am I looking in the wrong place?  

In reply to Elton LaClare

Re: Mobile theme custom CSS file

by Dani Palou -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Hi Elton,

you need to search for the ion-content element while executing the app, not in the source code, since the class is added dynamically using an Angular directive. Please look at the first slides of the presentation, how to run Moodle Mobile in a browser.

Kind regards,

Dani