Forum Discussion
Dial Spectrum scale for Rise and Storyline without custom slider logic
Need a real confidence scale in Rise or Storyline without building a custom slider from scratch? Use a dial that outputs as one HTML file you can drop into your course.
Problem: yes-or-no questions flatten nuance. If two people both click Yes, one might be at 80 percent confidence and the other at 20 percent. If you try to fix that inside Storyline, you are into slider variables, motion paths, value mapping, and conditional feedback layers. Rise does not even give you a native scale block.
Solution: Dial Spectrum is a generator that builds a continuous or stepped scale with configurable labels and feedback, then exports a single HTML file you can embed.
- Set the scale range and step size. Example, 0 to 100 in 5-point steps, or 1 to 7 with whole steps.
- Label anchors and optional midpoints. Example, Not at all confident, Neutral, Very confident.
- Map value ranges to tailored feedback. Example, 0 to 30 triggers one message, 31 to 70 a second, 71 to 100 a third.
- Match your brand colors.
- Keyboard accessible. The dial can receive focus and be adjusted by keyboard.
- Built to sit inside iframes and web objects without layout drift.
Where it fits:
- Confidence self-checks before a practice scenario.
- Pre and post attitude snapshots around a module.
- Opinion gauging when more than two positions are valid.
- Reflection prompts tied to ranges. Example, If 0 to 40, ask them to pick one resource to revisit.
How to embed:
- Rise 360: Host the exported HTML on your web space, then insert it with the Embed block using the public URL. If your LMS blocks external content, wrap it in a one-slide Storyline file as a Web Object and use the Storyline block in Rise.
- Storyline: Insert as a Web Object, either pointing to the hosted URL or to the local HTML file. Storyline will package it with your publish.
- Captivate, Canvas, Moodle: Insert as a Web Object or iframe. Host the HTML and point the iframe to it. Most LMS pages that accept custom HTML will take it.
Notes:
- You are not collecting scores by default. Use it to surface thinking and route feedback. If you need to record values, capture it with your platform’s form, survey, or xAPI layer around the dial.
- If you see scrollbars, increase the iframe height in your host block. The exported file is fixed-frame friendly, so once the container is tall enough the dial will hold position.
2 Replies
What a great build! I love the simplicity of the design, and your notes for integrating it.
I've added a picture to your post for greater visibility, feel free to pick a different one if you'd like.
Thank you so much MaryEmma!
