A fully featured style guide for your Open edX course contents

Share on linkedin
Share on twitter
Share on facebook
Share on google

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.

Share this post with your friends

Share on facebook
Share on google
Share on twitter
Share on linkedin

Leave a Comment

Ready to take your online learning to the next step?

Cloud Subscriptions powered by the Open edX platform

Get started with eduNEXT’s Cloud Subscriptions powered by the Open edX platform. You can always start small and adapt your platform in several ways as you grow.

Self Hosted Open edX platform

Get our team of experts to install and configure the Open edX platform in your own infrastructure, design and develop customizations, change the theming, deploy mobile apps, or train your staff.

Related Posts