How to create an interactive gauge meter on storyline 360?

Oct 11, 2021

Hi everyone,

Does anyone know how to create an interactive gauge meter on storyline 360? I would like to create one something like this image for e-learning course.

Your assistance will be highly appreciated :)

Thanks a mil!

 

2 Replies
Judy Nollet

Hi, Kishalya, 

Insert a Dial. Depending on the look you want, you can either use one of the default designs, or place the dial over your own graphic.

With a dial (and also with sliders), you can let the user drag it to change the value.

Or, if you don't want the user to control the dial's setting, cover it with a transparent shape. Then use triggers to adjust the dial's variable based on designated conditions. 

For more info, check out these articles from the User Guide: 

David Anderson

Hi Kishalya - 

Here's a gauge/meter style template that might help: https://community.articulate.com/download/visual-feedback-gauge-for-quiz-results 

The concept is the same with any object states. Here's a different example that uses the same techniques: https://community.articulate.com/download/atsumi-progress-meter

If you want to use a dial, the links Judy shared are super helpful. I'd also recommend our dials webinar: https://training.articulate.com/webinars/using-dials-in-storyline-360 You can jump to the specific lesson by clicking here: https://training.articulate.com/webinars/using-dials-in-storyline-360#t=1967

Hope that helps!