Moodle App like UI in Moodle Website

Moodle App like UI in Moodle Website

by Rahul Khatri -
Number of replies: 8

How can i get the Moodle app like UI (orange UI, in Moodle app additional features ) or interface in my website. I have tryed few themes but not much difference.

I need a mobile like interface in website as i i am using webview in my android app.

Any suggestions.

with regards,

Rahul Khatri

Android Developer


Average of ratings: -
In reply to Rahul Khatri

Re: Moodle App like UI in Moodle Website

by Dominique Palumbo -
Picture of Particularly helpful Moodlers Picture of Plugin developers
Hi,

some ways ;

https://docs.moodle.org/dev/Moodle_Mobile_Customization
https://docs.moodle.org/dev/Moodle_Mobile_Themes

and from your Moodle an easy start

.../admin/settings.php?section=mobileappearance
And interesting this parameter mobilecssurl

And I don't remember where but they've an online Moodle with all the css of the mobile one. So with 'a code picker' you can easily test and develop your CSS.

Hope it's help

Dominique


Average of ratings: Useful (1)
In reply to Rahul Khatri

Re: Moodle App like UI in Moodle Website

by Mark Johnson -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

If you can't find a theme that does what you need it to, you will have to create your own: https://docs.moodle.org/dev/Themes

The app and the website use completely separate CSS frameworks (ionic for mobile, Bootstrap for website) which means you wont be able to re-use Moodle app CSS for a Moodle website theme.

As for the "Moodle app additional features", it depends exactly what features you mean. Some of these are coded specifically into the app, but some have an equivalent on the web. The bottom line is that displaying a Moodle web page in a webview component isn't going to let you embed a full Moodle app experience in your app. You'd either have to use the Moodle app itself, or re-implement the features you want in your app using web service calls.

Average of ratings: Useful (3)
In reply to Mark Johnson

Re: Moodle App like UI in Moodle Website

by Rahul Khatri -
I only want my webview look like app (some basic interface), i don't need any additional feature.
Thanks for your response.

with regards,
Rahul Khatri
Android Developer
In reply to Rahul Khatri

Re: Moodle App like UI in Moodle Website

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

Then surely what you are looking at is 'simply' a Moodle theme, but taking the time to make it appear like the app in its look and feel.

Most modern Moodle Themes are already responsive and usable on a mobile (to a greater or lesser degree). But if you want to go further, then you should look at designing the mustache templates and renderers in your theme, as well as the css, to replicate the look and feel you want.

Average of ratings: Useful (1)
In reply to Richard Oelmann

Re: Moodle App like UI in Moodle Website

by Rahul Khatri -
Can you please refer me some tutorial for mustache templates, as i am an android developer and beginner in web.

Thanks for your suggestion,

with regards,
Rahul Khatri
In reply to Rahul Khatri

Re: Moodle App like UI in Moodle Website

by Mark Johnson -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

The documentation for using templates in Moodle is here: https://docs.moodle.org/dev/Templates For some examples, look for the "templates" folder inside an existing plugin or theme.

Average of ratings: Useful (1)