Improving course content using responsive Moodle themes

February 24, 2015

For many students today, their smartphone or tablet is their primary Internet device, rather than a PC or laptop. It’s natural to expect that when it comes to using a VLE, these devices will be their first choice – so it’s crucial to ensure your platform works well, however it’s accessed.

The key to this is how your Moodle theme is designed, more specifically, making sure it’s “responsive”. Responsive design is a term used to describe a website (or VLE) which will automatically change the way it looks according to the limitations of the device it is accessed from.

Elements on the page may be re-positioned, re-sized or hidden to ensure that the user is able to view the information they need without having to zoom in and out or scroll around a page too large for their device.

Now for the technical bit…

In Moodle, responsive themes are usually based on a framework called Bootstrap – which uses HTML, JavaScript and CSS to create responsive pages. Since Moodle 2.7, Bootstrap themes have been the default. To make everything work smoothly though, you’ll need to bear responsiveness in mind when creating your courses, so they work in the same way as the Moodle which contains them.

Here’s a few tips on how to ensure your course content is responsive:

  • You can use your responsive Moodle theme to add responsive design elements and Bootstrap components to your Moodle courses.
  • Essentially, you would do this by adding HTML snippets using the label resource which will render the desired component such as tabbed content.
  • You can also utilise the Bootstrap grid layout which allows you to create columns within your course content.
  • This means that your course content will render nicely across a wide range of devices and improve usability.

Click here to view the various Bootstrap components which you can utilise within your courses providing your Moodle theme is based on the Bootstrap 3 framework.

Click here to learn more about responsive web design.

If you’d like to find out more about responsive Moodle themes or would like to be shown how they work then please feel free to give us a call us on +44 (0) 1133 200 346 or email hello@tituslearning.com.

Read more:

Empower your
learners & improve

We specialise in providing innovative eLearning services for workplace learning, education providers and training companies around the world.

Shopping Basket

3 Powerful Lessons From How Google Approaches L&D

Grab a copy of our free ebook

Phuong Nguyen Hong

Digital Marketing Executive

Super talented, unflappable and very funny, Phuong supports the whole marketing team in her role as Digital Marketing Executive. Phuong holds a bachelor’s degree in Business Administration and recently completed a master’s degree in Management and Marketing. Originally from Hanoi in Vietnam, Phuong is now based in the UK and climatising brilliantly to our weather and food.

Phuong owns a food review Instagram page as travelling and food are her passion. She also has a cute little french bulldog.

Ellie Sharkey

Head of Marketing

Ellie was the first woman to join Titus and has paved the way for many more since then. After studying for a degree in Fashion and Marketing, Ellie was lucky to find herself at fashion weeks and photoshoots.

Now she’s switched from talk of the front row to front end design and has brought loads of transferable knowledge to Titus. Ellie has also found a real passion for tech, especially in the learning sector, helping clients create positive change for their organisations.

Callum Barrett

Senior Brand Executive

As one of the youngest people at Titus but at the same time one of the oldest serving members of the team, Callum has graced Titus with his broad smile and positive attitude for over 5 years now. As a key member of the marketing team, Callum works across all areas, both on and offline, to ensure that all Titus brands and communication are on point.

After missing out on the opportunity to go to University the first time around, management encouraged him to enrol in our course alongside his work. He is now studying to achieve his Level 6 Diploma in Professional Digital Marketing.

Dec Connolly

Acquisition Marketing Manager

Always bringing innovation and new ideas, Dec studied a degree in Journalism but found his passion in digital marketing. Dec has also worked in marketing for one of the countries biggest retailers and within the property sector.

Outside work, Dec Co-founded a news publication where he collaborated with global brands like Uber, Amazon, BooHoo and countless SMEs.