Customize Learn with CSS and JavaScript injection

File uploaded by sean.monaghan on Jul 29, 2016
Version 1Show Document
  • View in full screen mode

We will present our technique for simplifying the customization and targeting of Blackboard Learn, using CSS and JavaScript injection. This method does not require administrator access and allows for experimentation without affecting other sites in the environment. We will demonstrate how to override Learn's installation-wide CSS to display unique designs for home pages at the institution, program, and course levels; how to customize the look of tests; how to embed common instructions across courses that are read from a single source; how to enhance quiz feedback by inserting content from HTML lecture pages; and how to display different instructions to students or faculty automatically, without Adaptive Release. We will explain the basics of JavaScript injection, where to store elements for the greatest flexibility, and tips and tricks for customizing Learn's CSS.



     Andrew Abhrahamson, Educational Technologies Engineer, Office of Educational Technology and Innovation, Boston University

     Dan Hillman, Assistant Director of Instructional Design, Boston University