Storyline 360: Modern Dial

This is pretty neat. I like the clean look too.

Great - just wish there was a template to see how it works!

Is there a template to download? This is great work!

Very cool!

Hi everyone! I'll send Montse a note asking if she can share the file. She's generally good about sharing so I'm sure she'll post the source file.

Agreed. This is cool and could be quite useful in a lot of situations.

Yes I agree. Nice and clean because the ugly storyline default backgrounds have been made transparent...

Well done! I would love to see the Storyline file for this too!

I would like to see storyline file if possible.

Can this example really be done in SL360?

Any response on getting Storyline file for this? Love the look. Want to know how to grow the arc color around the circle.

Hi everyone, I really wanted to use this interaction so I made a "knock off". It looks just like Montse's except it doesn't have as many stops on the dial as she did (I only needed 8). A big thank you to Montse for providing the inspiration! Here's a link to the demo: https://chilp.it/9a35870 Here's a link to the downloadable .story file: https://chilp.it/038296e Hope this helps!

Thank you very much I was hoping somebody would eventually reply :) I have a simple question, what options do you use to create your dial image? I have checked the SL360, insert dial and formatting options and can't figure it out?

The image used in the dial is custom - made in Photoshop. But, I used the image to create a custom dial in Storyline: https://youtu.be/eP5tK5XpSCw If it helps anyone, I'd be happy to share the PSD file.

Thank you

Maria your example looks really good, thank you for sharing it! I was thinking to use something similar to show progress through my course. I do wonder if the initial example has some JavaScript coding to fill the dial, as it seems to fill very precisely.

Love this! So sleek and minimal its great!