Dash Premium · Design package
Metro design
Free
This design package contains SVG files to create a visual Learning Path with zones. All learning path designs
Free download, no registration needed.
- Requires Dash Premium
- SVG files
- Licensed under CC BY-SA 4.0 (opens in a new tab)
What’s included
Three separate backgrounds, one for each screen size · click to enlarge
We offer free design packages for our Learning Paths widget, that is included in our plugin Dash Premium.
Unveil users’ learning journeys visually with our Learning paths widget. This widget showcases completed and pending courses for each user in a visually engaging manner, akin to a pathway rather than a conventional list.
This design package is built for Learning Paths with zones. By applying different colors, you can visually represent each course’s progress through the outline of its zone.
Administrators can define zones using uploaded SVG files, where courses can be positioned automatically or manually. The creative possibilities are boundless, from simple lines to vibrant, thematic designs that narrate a story.
Moreover, administrators can tailor their designs for desktop, tablet, and mobile devices, ensuring an optimized experience across all viewports.
Additional configuration options allow administrators to include an info area or sidebar to display course information or KPIs directly alongside the learning path.
See it in Moodle
The package in a real course · click to enlarge
In a course (Dash – learning path with zones)
How to integrate
- Install our Dash Premium plugin.
- Download our free design package that contains a SVG file for each viewport (desktop, tablet and mobile).
- Upload the SVGs in your LMS: Site administration/local plugins/Dash/General settings.
- Select this design when configuring your Dash block.
- Depending on your design, choose whether courses are positioned on the path or within zones.
- Configure your setup by defining the info area, the size and appearance of course visuals, and the color scheme.
Design studio
Create your own Dash Premium designs
File sizes, formats and what makes a design work, step by step.
Open the guide ↗
