Moodle App Remote Themes: Difference between revisions
Juan Leyva (talk | contribs) No edit summary |
Juan Leyva (talk | contribs) No edit summary |
||
Line 3: | Line 3: | ||
Please, note that due a framework update (Ionic 1 to Ionic 3), Moodle app version 3.5 onwards is not compatible with the existing custom themes / styles. | Please, note that due a framework update (Ionic 1 to Ionic 3), Moodle app version 3.5 onwards is not compatible with the existing custom themes / styles. | ||
However, you can keep your current | However, you can keep your current style sheet so they will work with the Moodle Classic app or old Moodle Mobile versions. | ||
In order to do that, you just need to add this line at the end of your existing theme: | In order to do that, you just need to add this line at the end of your existing theme: | ||
Line 11: | Line 11: | ||
And add below this line your 3.5 onwards styles. | And add below this line your 3.5 onwards styles. | ||
See | See the following file for an example of a theme with styles for the old and new versions of the app: | ||
https://gist.githubusercontent.com/jleyva/5d2f265a833a2122f3be/raw/ea0443a0111792231766dc6d78f9038928a3813e/moodlemobileapp.css | https://gist.githubusercontent.com/jleyva/5d2f265a833a2122f3be/raw/ea0443a0111792231766dc6d78f9038928a3813e/moodlemobileapp.css | ||
In order to create your own theme for the Moodle app 3.5.0 onwards, we recommend to use the webapp: https://mobileapp.moodledemo.net/ (requires Chrome or Chromium browser) and use the inspection tool to check the classes you need to change. | |||
{{Moodle Mobile}} | {{Moodle Mobile}} |
Revision as of 12:19, 3 July 2018
Note: This page is a work-in-progress. Feedback and suggested improvements are welcome. Please join the discussion on moodle.org or use the page comments.
Please, note that due a framework update (Ionic 1 to Ionic 3), Moodle app version 3.5 onwards is not compatible with the existing custom themes / styles.
However, you can keep your current style sheet so they will work with the Moodle Classic app or old Moodle Mobile versions.
In order to do that, you just need to add this line at the end of your existing theme:
/* 3.5 styles */
And add below this line your 3.5 onwards styles.
See the following file for an example of a theme with styles for the old and new versions of the app:
In order to create your own theme for the Moodle app 3.5.0 onwards, we recommend to use the webapp: https://mobileapp.moodledemo.net/ (requires Chrome or Chromium browser) and use the inspection tool to check the classes you need to change.