event 14 March, 2017

A fully featured style guide for your open edX course contents

When building online courses in Open edX, you may need to add a differentiated visual layout for your course contents.

Open edX will let you add HTML, CSS and javascript code in any of the HTML components, but keeping track of more complex CSS classes, and javascript functions in order to have a consistent visual layout over a wide range of HTML components will pose a significant challenge.

We have gone through all that process, and built a Style Guide library, called “Baldur”.  All of eduNEXT’s SaaS subscribers may request this feature to be activated in their sites, to simplify the process of building great HTML content into their courses.

These are the visual object you can include with this library:

  • Content grids
  • Responsive grids
  • Headlines
  • Headlines with icons
  • Titles
  • Titles with icons
  • Lists
  • Blockquotes
  • Buttons
  • Thumbnail
  • Thumbnail with border
  • Thumbnail with overlay text
  • Thumbnail + text
  • Highlighted text
  • Infobox
  • Tabs
  • Accordions
  • Image Sliders

Take a look at the visual elements and the sample code to be included in the Open edX HTML module here

Baldur is available for download here

If you are interested in this resource or in our open edX services, contact us at contact@edunext.co.

Ready to take your online learning to the next step?

Open edX Software as a service subscriptions

Get started with eduNEXT’s Open edX as a service subscriptions. You can always start small and adapt your platform in several ways as you grow.

Consulting services

Get our team of open edX experts to work on your online learning infrastructure, custom developments, custom theming, mobile apps, or training for your staff.