Snap is a clean, intuitive theme designed to make the entire learning platform easy to use. By cutting out the noise and organizing everything logically, Snap lets users move quickly between their dashboard, courses, and tools, so they can spend less time navigating the site and more time getting things done.
The interface focuses on the user experience, streamlining Moodle’s™ overall look and feel. It also includes built-in accessibility features to ensure a better experience for everyone. With Snap’s clear workflows, both you and your students can focus on the learning that matters.
To learn more about a specific feature, you can always check our Snap Appearance documentation.
The Redesigned "My Courses" Dashboard.
The entry point to your learning journey has been completely revamped to be more visual, informative, and faster.
- Modern Course Cards: Featuring rounded corners and a cleaner layout that highlights course titles and imagery without distractions.
-
Visual Progress Trackers: A new color-coded system allows you to see your standing at a glance:
- 0 – 19%: Just getting started.
- 20 – 80%: Making steady progress.
- 81–100%: Near completion or finished.
- Quick Favorites: Use the star icon on any course card to pin your most used courses.
Dynamic Course Navigation (The New Table Of Contents)
Building on the "Table of Contents" (TOC) philosophy, the sidebar navigation has evolved to provide better context and speed.
- Collapsible Sections: Expand or collapse entire modules to reduce "scroll fatigue." You can focus on one week or a topic at a time.
- Integrated Search: Find activities or resources instantly within the sidebar search bar.
- Activity Status Icons: Real-time indicators show if an activity is completed or locked (restricted).
- Real-Time Progress: Track your completion status instantly. As you finish activities, the TOC updates without needing to refresh the page.
New Side Navigation: Tools One-Click Away
The side menu has been created so the tools you use every day are at your disposal every time. Everything you need to manage your learning or your course is now easily accessible.
- Always-Ready Block Drawer: Your blocks (calendar, course summary, analytics) are now easier to find. You can open and close them with one click on any page that allows you to have a block.
- Integrated Messaging: Access to chats with students or instructors is built directly into the sidebar. You can respond to a quick message without leaving your current activity.
- Unified Administration: For instructors and admins, we’ve merged site and course management into one coherent panel. Fewer clicks to find the settings you need.
- Fast Access to Learning Tools: Whether it's your calendar or your badges, the new layout ensures you don't have to dig through multiple menus to find them.
Snap Feeds: Updates At A Glance
Snap Feeds is your smart notification center. Instead of searching for updates across different pages, Snap gathers everything important in one place, accessible via the icon at the right of your screen, integrated with the side navigation bar.
- Deadline Management: shows a clear list of upcoming tasks.
- Activity Feeds: Get instant alerts for new grades, forum replies, and direct messages.
- Direct Messaging: Never miss a chat. Any direct messages you receive are highlighted here.
-
Forum Subscriptions: Stay on top of the conversation. You’ll see a feed of new posts from any forum you are subscribed to, allowing you to jump straight into the discussion.
Accessibility & Inclusive Design (Snap AX)
Open LMS has prioritized making Snap accessible for every learner:
- Smart Color Contrast: Snap includes built-in checks to ensure the interface meets international standards. For example, when customizing the Navigation Bar, the system automatically alerts you if your color combination doesn't comply with the WCAG minimum ratio (4.5:1). This prevents accessibility issues before they reach the user.
- Keyboard-First Navigation: Every menu and sidebar is fully navigable via keyboard.
- Screen Reader Optimization: Updated ARIA labels provide a more descriptive experience for non-visual users.
Smart Course Cover Images
Snap provides an easy way to customize your course headers with an integrated image editor, giving you full control over how your course looks without needing external design tools.
Integrated Image Editor: When you upload a cover, a built-in tool lets you preview, crop, and select exactly which part of the image you want to show.
No Loss of Original Quality: The system saves your crop settings as a background layer, meaning your original file remains untouched and ready for use in other parts of the site.
Optimized Aspect Ratios: For the best visual result, use a 3:1 ratio (2400 x 800px) for homepage covers and a 6:1 ratio (1920 x 320px) for course and category headers.
Responsive Display Logic: To keep things readable and accessible, the cover image is displayed on screens wider than 992px (desktops). On smaller screens like tablets or phones, Snap hides the image to prioritize text legibility and a clean interface.
Frequently Asked Questions (FAQ)
Q: Where is the "Turn Editing On" button?
- A: For instructors and administrators, the "Edit" toggle is now located in the top-right header or the navigation bar, making it easier to find regardless of where you are in your platform.
Q: Can I change the course images myself?
- A: Yes. Course images are pulled from the "Course Summary Files" in the course settings. Snap automatically scales these images to fit the new card design perfectly.
Q: Does the Table of Contents (TOC) update automatically?
- A: Yes. As you add, move, or rename sections and activities, the TOC updates in real-time to reflect the current structure of your course.
Q: How do the progress bars calculate my percentage?
- A: The progress bar is tied to the Completion Tracking settings of the course. It calculates the ratio of completed activities versus the total number of activities that have completion requirements enabled.
Q: Is Snap mobile-friendly?
- A: Yes. Snap is "Responsive by Design," meaning it automatically adjusts its layout for smartphones, tablets, and desktops without losing functionality.
Q: Why can't I see my course cover on my phone?
A: Snap automatically hides cover images on screens smaller than 992px (tablets and mobiles). This ensures that the course title remains easy to read and the interface stays clean and functional on smaller devices.