Change state of button to In Progress till all different slides are complete then change it to green
Oct 15, 2022
Hi heroes, I would like to change the state of a marker in the screenshot to yellow to show an IN PROGRESS status then go to other slides to complete other actions then the marker in the main slide changes to green once actions on the other slides are complete. I have also attached a source file to give some context. Please help.
11 Replies
Have a look at the attached and see if that's what you wanted. Rather than using the built-in Visited state (this state is shown automatically when the object is clicked), I use a custom "Completed" state. I also changed the order of the triggers on the WP object, so that the InProgress state is called BEFORE you jump to the next slide.
Hi Michael. Thanks for this. Works like a champ. After struggling with this for weeks, you have made it so simple that I feel embarrassed but anyway that's how we learn. Thanks.
No worries, keep learning and if you run into issues you can always post your question in the community; someone will help you. Seems like a cool project, I would love to see the finished version. I have been dabbling in drones and flight management software as a hobby, so I'm curious! Here and here are two examples of my drone-related Storyline projects.
Okay Michael. I will share the finished version. In the meantime, do you happen to know how to write a javascript code for collecting input from a dropdown list. I would appreciate it if you have any information about this
Do you mean a drop-down list you created in Storyline? If yes, then there is no need for Javascript.
Unfortunately, I need it to print out using javascript. Did you run the source file to the end? You will notice that after finishing the WP1 slide, you are required to view the submitted reports.
Yes, I did that, but the button said "View", so I didn't think you wanted to print as well. I'm not a Javascript expert, but there are code snippets available, something like:
<html> <body> <button onclick="display()">Click to Print</button> <script> function display() { window.print(); } </script> </body>Also, rather than displaying the summary in a popup window, you could display it on a slide and then use the Print slide trigger. No JavaScript required!
Interesting. I will test that out. Storyline has a drop-down list feature right?
I need a drop-down to be captured so that once the user selects an option. It outputs together with the others as summary.
You might want to have a look at Storyline's graded and ungraded drop-down question interactions. One of these may work for you. You can also create your own, completely custom drop-down lists.