Viewing your SCORM Packages

Once you’ve uploaded your package (or packages) to the Ninja, click on the name of one to load it and it'll appear in the big content area on the right hand side.

Preview Ninja displaying a course

Be aware if switching between multiple packages - whenever you open a package, it always starts anew and resets your progress!


Display Options

In the top right corner above the content area, there's a row of buttons - these are your options for adjusting the size of the course display.

Preview Ninja display options

  • Unload content / Reload content: Clicking this button will unload the course from the content area. Clicking the button again will reload it.

  • Resolution: A drop-down menu that allows you to choose from a variety of preset sizes. These include:
    • Common sizes
      • Embedded SCORM package: 1000px width, 650px height.
      • Typical SCORM package: 800px width, 600px height.
      • Old CDROM package: 640px width, 480px height.
    • Responsive
      • Stretch height and width: 100% width of content area, 100% height.
      • Stretch width, fixed height (600px): 100% width of content area, 600px height.
    • Phones
      • iPhone 5s Portrait: 320px width, 568px height.
      • iPhone 5s Landscape: 568px width, 320px height.
      • iPhone 7 Portrait: 750px width, 1334px height.
      • iPhone 7 Landscape: 1334px width, 750px height.
    • Tablets
      • Old iPad Portrait: 768px width, 1024px height.
      • Old iPad Landscape: 1024px width, 768px height.
      • iPad Portrait: 1536px width, 2048px height.
      • iPad Landscape: 2048px width, 1536px height.
    • Laptops
      • Typical laptop: 1280px width, 800px height.
      • HD laptop: 1920px width, 1080px height.
    • Desktops
      • Typical 24" Display: 1920px width, 1280px height.
      • Typical 27" Display: 2560px width, 1440px height.
      • 5K iMac: 5120px width, 2880px height.

  • Width: Displays the currently set width. Simply type in a number and hit Enter/Return to set the width in pixels. Add a percentage symbol (%) at the end to set the width as a percentage of the content area.
  • Height: Displays the currently set height. Simply type in a number and hit Enter/Return to set the height in pixels. Add a percentage symbol (%) at the end to set the width as a percentage of the content area.

Pixel and percentage measurements behave differently if the display window or browser window is resized - pixel measurments are fixed and will remain at their set size (using scroll bars if need be); percentage measurements are responsive and will stretch or shrink accordingly.