☰ Table Dropdown Quiz Builder

📂 Import Exported HTML

⬆
Drag & drop a file here
HTML files exported from this builder only
📄

Table structure

Column headers
Row content

Styles

px — centered, full-width below this
Show Reset button
📤 Storyline 360 Variable Export
Enable Storyline variable export

Sets the variable to true when all answers are correct, false otherwise. Variable type in Storyline: True/False.

Sets the variable to correct answers × points per answer. Variable type in Storyline: Number.

How it works
  • On Submit, if all dropdowns are answered, the variable is written via window.parent.GetPlayer().SetVar(name, value).
  • True/False mode: writes true if every answer is correct, false otherwise.
  • Points mode: writes correctCount × pointsPerAnswer as a number.
  • Partial submissions do not overwrite the variable.
  • Variable name is case-sensitive — must match exactly in Storyline.
  • Wrapped in try/catch — logs a console warning when outside Storyline.
Storyline 360 setup
1
Open Home → Variables (or Ctrl+Shift+V).
2
True/False → Type: True/False, Default: False.
Points → Type: Number, Default: 0.
3
Name it exactly as entered above — spelling and capitalisation must match.
4
Insert a Web Object (Insert → Web Object) pointing to the exported HTML file.
5
Enable "Load web object automatically" and "Display in slide."
6
Add a trigger that reads the variable — e.g. show a layer when quizResult == True.
⚠️ Important: GetPlayer() only works inside a Storyline published preview or on a web server. Opening the HTML file directly from your desktop will not trigger the variable.

Live preview

Click "↻ Refresh preview" after making changes.