I have a graphic that has multiple states. I change the state of this graphic every time a button is selected. In the Flash publish, this process works fine. If I view it on an iPad or in Google Chrome, The graphic doesn't change states even though I know that the variable has been changed. Anyone else experience this issue?
Sorry for the late response. Alright! Thank you very much! I made a working version of it where I just had multiple shapes hide and show depending on what color was chosen. Would still love to find a solution to this, though.
I think the problem might be in how different browsers and outputs (flash, html5) handle the mouse over - specifically the "Restore on mouse leave" part. It seems, that in html5 the original state is Normal/grey. On mouse over it changes, then you click - state changes. It should change permanently. But than you leave the object, so the object comes back to original state, that was the one you entered with the mouse = normal/grey.
Since there is no mouse leave trigger, that you could attach anything you want to, I would recommend using layers in this specific case.
I would love to get an update on this one. I'm have a similar issue where state changes based on variables don't flip reliably in my HTML version. On one slide I have two working and three not working. They all work in Flash. Let me know when there is more info. Thanks!
Hey Nora! Thanks so much for adding your voice to the discussion here. You're welcome to attach your project file here in the thread and I'd be more than happy to take a look and add it to our report for this issue. Also, since you've replied here you're now subscribed to the thread and will receive notifications of any updates just as soon as they're available. Thanks again!
Hello Lucy - Thanks for chiming in. It looks like there may be a couple of reports here. The original question was resolved based on how the file was set up. We have an issue we are looking into related to the trigger to show a layer not working in HTML5.
Would you be able to share your .story file so that we could take a look and understand the issue you are experiencing?
I set 3 attempts that is controlled by variable it will show incorrect layer after 3 attempts.its fine when preview but when publish its count not working like it will attempt multiple times?please find 2 screen shots
Hi again, and thanks for clarifying that. Now I understand your set-up.
I published your file and uploaded it to Tempshare. It appears to be working normally there. Can you test this link and let me know how it behaves on your end?
Keep in mind that Google Chrome is the only browser supported for HTML5. If you want to test in other supported browsers for Flash, be sure Flash is enabled.
Hi, I am also facing the same issue in HTML 5 output in chrome browser. Image is having the different states. I want to show the image in visited state when user click on that image and see the layer. It's like Click and reveal template. Slide had two images having states like normal, hover, visited and disabled. When user click first image it will show the layer where state for the image is set as disabled. Same for another image. But when I publish the course to view in HTML5 output in chrome browser, It shows hover state instead of visited. On mouse hovering it shows visited state.
I checked the settings in slide layer properties and 'Hide objects on base layer' is unchecked. Kindly please can you tell if this is stiil bug in software or if there is any solution to show correct state i.e. visited.
I am having a similar issue with a course where the state change is not visible when the image is clicked using a mobile device. (It does work otherwise.) I have two instances in a course where I have a similar set up; the learner clicks the image and the state should change. In first instance, when the images are clicked the corresponding layer displays but the state change does not occur on a mobile device. I know the state change is being triggered because I have a trigger to display the Next button when all of the images are selected. The second instance of this DOES work. When the learner clicks the image the corresponding content displays in a lightbox and the state change of the image is visible.
I am not sure if this advances the discussion but I thought it might be helpful to share my experience. Since the learner can successfully navigate through my course, it is not a show stopper but I would prefer that the state change be visible to the learner. Any updates on resolution of this issue would be helpful. Thanks!
Hi Rose, thanks for chiming in with your experience. What version of Storyline did you use to build the course?
Do you have a sample slide you could share with me? I'd like to publish it and test it out on my end. Simply click here and attach the file in a new thread comment.
I am currently using Storyline 2. Slide 2.2 is the one that is having an issue with the state change being visible. It does detect the state change because it does show the Next button when all of the items have been selected. Slide 3.1 opens lighbox slides and successfully changes states.
Thanks so much for sharing your file with me. I saw the same problem in the HTML5 output--the "Selected" state did not appear on slide 2.2.
I did notice that you are using "Selected" on slide 2.2 and "Visited" on slide 3.1. However, that really shouldn't make a difference.
I'd like to share this with our support engineers to take a closer look. Once they test your file, they'll reach out via email to let you know what they found!
Hey Rose - It looks like your email signature came through when you replied via email. You can remove that if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.
Hello, I am experiencing some of the issues mentioned above when playing the project through HTML5. The main menu page isnt displaying the wipe animations correctly, and the variable that is set up to allow the user to continue past section one is not triggering the button to continue. Please help!
I'm excited to investigate! Would you mind also sharing your file so that I can test the project on my end?
You can either share it in this discussion by using the "Add Attachment" button or share it privately by using this link. Either way, I'll report back with my findings!
50 Replies
Hi Ali!
Sorry for the late response. Alright! Thank you very much! I made a working version of it where I just had multiple shapes hide and show depending on what color was chosen. Would still love to find a solution to this, though.
Thanks again!
Chelsea, thanks for coming back in with an update on how you made it work for you. We'll be sure to post more info on this issue when we can!
Hi Chelsea,
I think the problem might be in how different browsers and outputs (flash, html5) handle the mouse over - specifically the "Restore on mouse leave" part. It seems, that in html5 the original state is Normal/grey. On mouse over it changes, then you click - state changes. It should change permanently. But than you leave the object, so the object comes back to original state, that was the one you entered with the mouse = normal/grey.
Since there is no mouse leave trigger, that you could attach anything you want to, I would recommend using layers in this specific case.
I would love to get an update on this one. I'm have a similar issue where state changes based on variables don't flip reliably in my HTML version. On one slide I have two working and three not working. They all work in Flash. Let me know when there is more info. Thanks!
Hey Nora! Thanks so much for adding your voice to the discussion here. You're welcome to attach your project file here in the thread and I'd be more than happy to take a look and add it to our report for this issue. Also, since you've replied here you're now subscribed to the thread and will receive notifications of any updates just as soon as they're available. Thanks again!
Hi There, Was there any progress on this issue?
I have the same problem - states updated by variables do not work in the HMTL5 export.
Hello Lucy - Thanks for chiming in. It looks like there may be a couple of reports here. The original question was resolved based on how the file was set up. We have an issue we are looking into related to the trigger to show a layer not working in HTML5.
Would you be able to share your .story file so that we could take a look and understand the issue you are experiencing?
I had the same problem, the state of my object doesn't change according to my variable. It's a pyramid like "Who Wants to Be a Millionaire?".
I had this trouble because one of my state was a ".gif" image.
When I've change this image, everything works fine.
I hope it may help you.
Thanks so much for popping in to share Aurore :)
Please help me out i am facing issue regarding triggers states based on variable.its working fine but when published its stop wotking in html 5.
Hi Solutionica!
Can you point me to the trigger that's giving you trouble? I'm not seeing a trigger for a state change based on a variable.
If you can share a screenshot, that would be helpful, too!
I set 3 attempts that is controlled by variable it will show incorrect layer after 3 attempts.its fine when preview but when publish its count not working like it will attempt multiple times?please find 2 screen shots
Hi again, and thanks for clarifying that. Now I understand your set-up.
I published your file and uploaded it to Tempshare. It appears to be working normally there. Can you test this link and let me know how it behaves on your end?
Keep in mind that Google Chrome is the only browser supported for HTML5. If you want to test in other supported browsers for Flash, be sure Flash is enabled.
Hi, I am also facing the same issue in HTML 5 output in chrome browser. Image is having the different states. I want to show the image in visited state when user click on that image and see the layer. It's like Click and reveal template. Slide had two images having states like normal, hover, visited and disabled. When user click first image it will show the layer where state for the image is set as disabled. Same for another image. But when I publish the course to view in HTML5 output in chrome browser, It shows hover state instead of visited. On mouse hovering it shows visited state.
I checked the settings in slide layer properties and 'Hide objects on base layer' is unchecked. Kindly please can you tell if this is stiil bug in software or if there is any solution to show correct state i.e. visited.
Hi Suvidha,
Sorry to hear you're having trouble! This article should help. If you're still getting stuck, attach your file here and I'll take a closer look. 🙂
I am having a similar issue with a course where the state change is not visible when the image is clicked using a mobile device. (It does work otherwise.) I have two instances in a course where I have a similar set up; the learner clicks the image and the state should change. In first instance, when the images are clicked the corresponding layer displays but the state change does not occur on a mobile device. I know the state change is being triggered because I have a trigger to display the Next button when all of the images are selected. The second instance of this DOES work. When the learner clicks the image the corresponding content displays in a lightbox and the state change of the image is visible.
I am not sure if this advances the discussion but I thought it might be helpful to share my experience. Since the learner can successfully navigate through my course, it is not a show stopper but I would prefer that the state change be visible to the learner. Any updates on resolution of this issue would be helpful. Thanks!
Hi Rose, thanks for chiming in with your experience. What version of Storyline did you use to build the course?
Do you have a sample slide you could share with me? I'd like to publish it and test it out on my end. Simply click here and attach the file in a new thread comment.
Hi Alyssa,
I am currently using Storyline 2. Slide 2.2 is the one that is having an issue with the state change being visible. It does detect the state change because it does show the Next button when all of the items have been selected. Slide 3.1 opens lighbox slides and successfully changes states.
Thanks for taking a look!
Hi Rose,
Thanks so much for sharing your file with me. I saw the same problem in the HTML5 output--the "Selected" state did not appear on slide 2.2.
I did notice that you are using "Selected" on slide 2.2 and "Visited" on slide 3.1. However, that really shouldn't make a difference.
I'd like to share this with our support engineers to take a closer look. Once they test your file, they'll reach out via email to let you know what they found!
Thanks for looking into this Alyssa. I look forward to hearing what the support engineers find.
Hey Rose - It looks like your email signature came through when you replied via email. You can remove that if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.
Was a resolution ever found for this issue?
Hi Daphne,
The issues listed here seem file specific, so I do not have a general resolution to share with you here.
I did see where you mentioned here that trigger order was helpful. Curious if this may have been the same project/issue?
If you need us to take a look at anything, please feel free to share your .story file.
Hello, I am experiencing some of the issues mentioned above when playing the project through HTML5. The main menu page isnt displaying the wipe animations correctly, and the variable that is set up to allow the user to continue past section one is not triggering the button to continue. Please help!
Hi Travis!
I'm excited to investigate! Would you mind also sharing your file so that I can test the project on my end?
You can either share it in this discussion by using the "Add Attachment" button or share it privately by using this link. Either way, I'll report back with my findings!
This discussion is closed. You can start a new discussion or contact Articulate Support.