Picture of Misha G
Adapt Courses Converter - PDF Storyboards
by Misha G - Thursday, 15 July 2021, 8:36 PM

Hi everyone,

My team wanted to convert finished courses into storyboards for people who work on the content for future updates. I haven't found something out there that satisfied my needs as I wished to export the images and have a similar visual layout. So I created a Print CSS that you can inject in the Adapt.CSS of your final course.

When doing Ctrl + P on each module, it'll show hidden components and re-arrange all the images and content so it doesn't overlap each other.

My CSS applies to the default components and the following plugins:

  • Tidbits
  • Accordion
  • Click and Learn
  • Blockslider
  • Flipcard
  • Open Text Input
  • Responsive Iframe
  • Reveal
  • Expose
  • Tabs

The only thing that isn't automated is the feedback of the quiz components. It seems the content of the feedback are pop-ups and appears on a different level of the component. For now, you have to add the feedback manually to the PDF. If someone knows how to automate this, please let me know.

Unfortunately, I haven't tested the css for Adapt Framework v5 as I'm still using:

Adapt Authoring Tool 0.10.5
Adapt Framework 2.4.0


I've also included a step-by-step guide.

I hope it'll help someone out there.