we love the nav drawer - does anyone know of a way (plugin) that allows us to provide the nav drawer in the Moodle Mobile app?
Nav drawer in mobile app
Number of replies: 8Re: Nav drawer in mobile app
Hi there,
What is it exactly that you'd like to see in the app from the nav drawer? There is currently a menu that doesn't do exactly the same, but it shares some functionality.
I don't think it'd be possible to have the same in the app because we have a different screen size and the interactions with a mobile device are very different. But maybe if we dig into what you like so much we can think of some improvements in the app .
Re: Nav drawer in mobile app
It would be ideal to have the nav drawer open on the left, just like in the desktop
Re: Nav drawer in mobile app
Many apps have a nav drawer that allow for a more seamless experience - any idea why the Boost nav drawer wasn't included in the app?
Re: Nav drawer in mobile app
The app is built with different technology than the web (it uses Ionic Framework). So it isn't possible to use anything from the Boost theme.
Everything in the app has been built "from scratch" (meaning that we haven't taken it from Moodle). And from a design point of view, this is a good thing because it allows us to make an experience tailored to mobile devices. But it comes with some trade-offs, for example that not all features in web are available in mobile (and not all features in mobile are available in web).
For the navigation drawer in particular, we already have something similar:
But I know it's not the same, that's why I was asking what do you like from the nav drawer that we're missing in the app.
Re: Nav drawer in mobile app
How about if like me, I want the Navigation Bar on Tablets to be at the bottom If its (tablet) orientation is in a vertical mode, not landscape?
Re: Nav drawer in mobile app
Hi Njovu,
unfortunately it isn't possible to configure that. Tabs are displayed at the side if the device has a width and height higher than 576px. It is implemented like this to prevent tabs moving if the user rotates the device.
unfortunately it isn't possible to configure that. Tabs are displayed at the side if the device has a width and height higher than 576px. It is implemented like this to prevent tabs moving if the user rotates the device.
A possible workaround would be to create a remote theme (only available for Premium sites) to change the CSS of the tabs, but I'm not sure if it'll be easy to achieve that.
If you still think the behaviour should be different, feel free to open an issue in the tracker.
If you still think the behaviour should be different, feel free to open an issue in the tracker.
Cheers,
Dani
Re: Nav drawer in mobile app
Thanks a bunch, Dani
I managed to align navbar at the bottom in portrait via the core code and results are amazing on the emulators but not the actual physical tablets don't reflect that change. So I still be looking towards custom css from the server?
Re: Nav drawer in mobile app
If you're developing a custom app then it's always better to include the code in the app itself rather than having a CSS file in the server, it will be faster and easier to manage. I can't help you to make it work though since I've never modified that.