A fully featured style guide for your Open edX course contents

styleguide
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

Your email address will not be published. Required fields are marked *

Ready to take your online learning to the next step?

Cloud Subscriptions powered by Open edX

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

Self Hosted Open edX

Get our team of Open edX 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

Open edX as a Service - no strings attached

The Open edX platform in the Cloud

What is Open edX? Open edX is a world-class web-based platform for creating, delivering, and analyzing online courses. It is the open source platform that powers

The Open edX Mobile App

The Open edX Mobile App The mobile application of Open edX offers users the possibility to access and consume the content of the courses conveniently from their

Self-Hosting the Open edX Platform

Self-Hosting the Open edX Platform What is Open edX? Open edX is a world-class web-based platform for creating, delivering, and analyzing online courses. It is the