Themes: Snap

theme_snap
Maintained by Picture of Blackboard Open LMS DevelopmentBlackboard Open LMS Development
Snap’s user-friendly and responsive design removes barriers to online learning, enabling you to create the modern, engaging experience user's expect on the web today. Its intuitive layout is optimised for online learning, focusing on the things that matter - your learning activities and content.
1272 sites
2k downloads
173 fans
Current versions available: 9



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.


Blackboard

This plugin is contributed by the Blackboard. Blackboard 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

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4

Contributors

Picture of Blackboard Open LMS Development
Blackboard Open LMS Development (Lead maintainer)
Picture of Guillermo Alvarez
Guillermo Alvarez
Please login to view contributors details and/or to contact them

Comments RSS

Comments

  • Picture of Rezart Prifti
    Sat, Mar 4, 2017, 10:41 PM
    Thank you for your quick reply. Be back testing your great work.
  • Picture of Holger Biebinger
    Mon, Mar 6, 2017, 1:49 AM
    Hi there, I was wondering how I could display course contents on the left instead of on top of a course. The screenshot "Human anatomy 101" shows exactly what I mean. Did I miss some ways to configure snap or was it done with some custom CSS?
  • Picture of Guy Thomas
    Mon, Mar 6, 2017, 3:02 AM
    @Holger - there's a new feature that allows left hand navigation via a configuration setting. I don't believe it is in the git hub repo yet.
  • Picture of Guy Thomas
    Mon, Mar 6, 2017, 5:31 PM
    @Holger - The left hand navigation feature has been added to our github repo. You can download the Moodle 3.1 stable version from: https://github.com/moodlerooms/moodle-theme_snap/tree/MOODLE_31_STABLE
  • Picture of Holger Biebinger
    Mon, Mar 6, 2017, 5:38 PM
    @Guy - Thanks for that lightning-fast response smile That feature will help a lot for courses with higher amounts of topics. Great!
  • Picture of Stuart Lamour
    Tue, Mar 7, 2017, 2:15 AM
    @holger - just updated the download available here too.
  • Picture of Joseph Liaw
    Wed, Mar 8, 2017, 10:04 AM
    Thank you to the Snap development team for the latest updates--the left hand navigation feature makes an already amazing theme like Snap even more user friendly and amazing!

    Agree with Holger that this will help with navigation for large courses with many topics (or for teachers who really build up their courses with lots of good content, gamification options, learning paths, etc.).

    Any chance that future Snap releases might be compatible with the OneTopic course format or have the option to only load 1 section of a course at a time? The only reason I'm asking is that, like Holger, having this feature would make large courses much more user friendly for both teachers and students alike (as well as reduce page load and server load times)....

    Thank you again for the timely updates and keep up the great work!
  • Picture of Stuart Lamour
    Wed, Mar 8, 2017, 7:24 PM
    Hi @jospeh,

    Thanks so much for the kind words, we really appreciate them!

    If you are using Snap with Topics or Weeks format it will, by default, display a single topic at a time to students/teachers, allowing a course to have multiple pages instead of just one.

    In terms of page speed the biggest load on most websites is images and embedded content such as videos and iframe content.

    Currently there are a number of ways anyone can improve Moodle's page speed.

    For optimising any Moodle site, i'd start by :

    1. Use the oembed filter with lazy load on.
    2. Make sure inline images in topic descriptions, pages, labels, blocks and any activity descriptions shown on the page are optimised for web.
    3. Turn off any blocks or mods you are not using, and uninstall them where possible (this will reduce the css and js for the whole site)
    4. Additionally consider turning off completion, groups and any other functionality not used on most of your course, and only enable where needed.

    Guy is currently working on an image lazy load/optimizer - and i'm sure will keep you posted.

    You are completely correct in that under the hood Snap pre-loads all the topic content, and this is something we are also looking at how best to handle for those very large course, without losing the speed benefits of the current method for most users.

    Hope this helps!

    Cheers
    Stuart
  • Picture of Benjamin Raul Tovar Abundis
    Thu, Mar 9, 2017, 1:43 AM
    Hi!! I really need your help! in the version what i have installed dont show the "COVER IMAGE" option in the SNAP menu. Theres some way to activate?

    Thanks a lot for your help
  • Picture of Stuart Lamour
    Thu, Mar 9, 2017, 4:31 AM
    Hi @benjamin - it looks like you have also asked this question in a direct message, so i hope my reply there helps.

    On the front page as an administrator you will need to turn editing on to see the change cover image button, or alternatively you can always upload a cover image from the Snap theme setting page.

    Cheers
    Stuart
  • Picture of Joseph Liaw
    Thu, Mar 9, 2017, 8:31 AM
    Hi Stuart:

    Thanks for the super helpful tips on optimizing page load times, especially as instructors take advantage of the great new feature set of the newer versions of Moodle and the updates to Snap!

    That's great news that Snap will work with the phenomenal OneTopic course format, then teachers can have a great looking theme that also loads FAST!!!

    However, I noticed a bug with Snap 3.0 and OneTopic with Moodle 3.0.7+ (Build: 20161202)--when I tried this new feature (before Snap was not compatible with OneTopic--it would display the Snap topics menu but the links wouldn't work since OneTopic took over with it's tabbed interface), everything looked like it might work until I scrolled down and saw this:

    Screen shot here: https://drive.google.com/file/d/0B7W2PTS398G-LUx2SGcwSFhGWEU/view?usp=sharing

    It looks like Snap is rendering everything correctly except the giant sized completion check marks!!! Is there an easy way to fix this? Or is this something being worked on for the latest Snap 3.1 and 3.2?

    Thanks again for all your work--Snap is truly an inspired theme that is totally unique and allows teachers to create visually pleasing and student-friendly courses, while being practical and fully functional!

    Cheers,

    --Joe
  • Picture of Washington Forte
    Thu, Mar 9, 2017, 8:14 PM
    Hi!

    Thanks for sharing Snap, it's a great theme to work. But, I got a problem: when I create anchor links in a topic content, they don't work. I have a full vertical content and I'd like to do anchor links at the top of the page, but, when I click on links, the Snap goes back to the course's Introduction page. Could you help me to solve that?

    Cheers,

    Washington
  • Picture of Washington Forte
    Fri, Mar 10, 2017, 12:39 AM
    With your tips, I was able to make links to specfic modules in a topic. It's a good solution for pages with lots of vertical contents:

    I split each topic of my course into subtopics. For each subtopic I created a module with specific contents and activities.

    After, I created a list of links at the top of page to each subtopic using this code:
    < a href=#section-X&module-XXX >TEXT OF THE LINK< /a >
    X - the section's ID (Topic)
    XXX - the module's ID (Subtopic)

    That makes the vertical pages more friendly.

    Thank you so much for such a helpful support from the Moodlerooms team!
  • Picture of Chris Chapman
    Fri, Mar 10, 2017, 11:07 PM
    Hi Stuart, finally got the go ahead to trial and use Snap for our VLE (great theme, lets hope the core team go the same way!) JUst a quick question - course formats, are you looking to support more course formats? We've used Grid for the past few years... which may make it difficult to adopt the new theme. If not I may have to develop my own course format based on grid. I understand the mobile first ethos and reducing what is seen by the user, but it's going to be a very steep learning curve for our 600 teaching staff without it, we'l get there one day!
  • Picture of HERNAN GIOVANNI RAMIREZ SEGURA
    Sat, Mar 11, 2017, 5:13 AM
    Hello,
    I installed moodle 3.1.4 in Spanish and later installed theme snap in http://virtual.corhuila.edu.co/home but I still see words in English, for example "Deadlines", "Grading", "Messages", " You have no messages "," View my messages ", how do I make everything complete in Spanish?

    I appreciate your help, please
Please login to post comments