Moodle plugins directory: Snap | Moodle.org
Snap
Snap
Snap is a Moodle theme that makes online learning an enjoyable and intuitive experience for learners and educators.
Snap's user-friendly design removes barriers to online learning, enabling you to create the modern, engaging experience user's expect on the web today. Snap's intuitive layout is optimised for online learning, focusing on the things that matter - your learning activities and content.
Personal menu
Snap’s easy to use navigation gives users an elegant way to perform frequent tasks. All your courses, deadlines, messages and feedback are always one click or tap away to save you time.
Courses with personality
Every course in Snap let's teachers add a cover image to give it a unique personality.
Courses in Snap allow you create individual topics, so learners understand where their focus should be without being confused or overwhelmed by lots of links and options.
Each topic shows students their progress, which is updated inline with ajax as you progress through the course.
Every activity in Snap shows students the due date, if they have submitted, and if feedback is available - without having to open the activity.
Teachers are shown how many users have submitted an activity, and if they need to grade any submissions.
Teacher's workflows for creating and structuring content in their courses are also optimised to save time. With no need to turn editing on, inline resource/activity deleting, the ability to move multiple resources/activities at once, inline topic creation and many other ways to help teachers give learners the best online learning experience.
Working seamlessly across every device - from desktop to mobile, Snap’s responsive Twitter Bootstrap based framework provides a consistent, professional experience for learning whenever and wherever you want to learn.
You can learn more about Snap on our video playlist.
Under the hood:
Like most other Moodle Themes today Snap runs on Bootstrap 4, jQuery, Sass, and inherits from the Boost theme.
Releases:
Snap is continuously updated, with each major version released 6 months after the Moodle release. If you'd like to test our work in progress it's always available on github!
Questions & Support:
Be kind by asking questions about Snap in the Moodle Themes Forum rather than on this page.
Report bugs about Snap in the Snap theme GitHub.
Open LMS
This plugin is contributed by the Open LMS product team. Open LMS is an education technology company dedicated to bringing excellent online teaching to institutions across the globe. We serve colleges and universities, schools and organizations by supporting the software that educators use to manage and deliver instructional content to learners in virtual classrooms.
Screenshots
I've upgraded to 3.4 and notice that the title in the Page module does not appear anymore.
Editing it, I can see under Appearance the following message:
"Snap's design language prevents changes to "Appearance" settings."
I've see that it has been introduced in Snap's code by INT-13166
https://github.com/blackboard-open-source/moodle-theme_snap/commit/aa37da7e9ec3adf4712e48e7fd41c3e6fabe51c7
What does it mean and how can I put the title back?
Thanks in advance!
That change was made to keep consistency and behavior of Snap (mainly a design reason).
I don't think there is a easy way to put it back, unless you want to modify the code which we don't recommend.
Thanks for reaching out.
I notice I've forgotten to precise that my concern is when the Page module is displayed in full page and not within the Section.
In full page mode, It's not consistent. LTI and H5P for instance display the title.
I've been asked to put back the title. Could you please tell me where in the Snap code I can find that?
Thanks
Would somebody have an idea of how to fix that?
Thanks for any good tip
For those interested, you just need to edit snap.js and comment from line 781 to 797:
/*.then(function (html) {
// Disable checkboxes.
// Colors for disabling the divs.
...
var cbxprintheading = $('[id="id_printheading"]');
cbxprintheading.attr('disabled', true);
...
var selectNode = $('[id="id_error_printheading"]');
selectNode.parent().parent().parent().append(html);
});*/
Don't forget to run grunt to generate snap.min.js and purge the cache.
Just keep in mind that for future updates you'll need to modify that piece of code again. For now we'll be keeping that change. You can also fork our repository and keep your changes, so anyone can just download your version.
Best regards
Thanks for this good remark. I already work in my own repo to be able to keep my changes and apply yours
I tried to understand the change your team made, but I don't.
Do you have a page explaining and showing the issue ?
Best regards
As students get enrolled in more and more courses, I noticed that Snap creates a "Courses" link at the top of the Dashboard, and then "2019", "2018", etc. links which students can click on to pull up there courses.
Does anyone know what determines which courses show up where in the Dashboard? Is it the course start date? End date? Short name alphabetically?
Thanks for sharing such an innovative, user-friendly theme which maximizes learning with an intuitive user experience!!
Can the 'My Courses' display as the default upon login ... else can it overlay the dashboard upon login
Is there a setting in the code that may override the current behaviour?
Kind regards,
jacqueline