Forum Discussion
Change button state on iPad/iPhone does not work
Hello everybody,
I have developed a self-created button (per rectangle), which should function as a pause/play button. When the slide is running, the Pause button is displayed. If you move the mouse over the Pause button, the color changes. If you now click on the Pause button, the Play button should appear and the slide should stop. On the PC everything works without problems. Mobile (i.e. on the iPhone and iPad) also pauses the slide when clicking on the Pause button, but the Pause button remains...the Play button is then not shown, so that the user has no possibility to continue the slide. As already mentioned, no problem on the PC, but there are problems with a mobile device.
I have attached the storyline file in the appendix. I have defined the buttons in the master slide.
Are there any assumptions why the problem occurs? I am using the latest Storyline 360 version.
Hello everyone!
I have great news to share! We are no longer seeing this bug where state changes do not work correctly on mobile when using our latest version of Storyline 360 (Build 3.72.29699.0).
Please let us know if you’re still noticing the issue and we’ll be happy to continue troubleshooting with you in a support case.
Hey there, Stefan. Thanks for letting us know about this behavior!
I published your file to Articulate Review using the latest version of Storyline 360. Here's the Review URL as well as a screen recording of my testing on an iPad/Chrome. I couldn't hear any audio and ran into some of the wonky button behavior you're describing.
While there's no hover state for most mobile devices, selected and visited states shouldn't be affected. In fact, I see that we have an open issue where state changes do not work correctly on mobile. I'm going to share your experience in this bug's report, and promise to keep you posted on its progress. Scout's honor!
For now, I'm finding that removing all the 'When the user hovers the mouse over' triggers on the buttons helps with this issue. Here's the adjusted course's Review URL and a screen recording of the re-test.
Let me know what you think, and if you have any more questions!
- StefanKhlerCommunity Member
HI Katie,
for the moment your suggesting way to work without any "mouse over triggers" is fine for me. But I hope that this problem wil be fixed in the future.
Appreciate you continuing the conversation, Stefan!
Glad to hear this workaround helps while our team investigates this behavior. We'll share any new information with you here and also update our Storyline 360 Version History page. Thanks again for reaching out, and so sorry for the headaches this bug is causing!
- ChristinaCox-6fCommunity Member
This seems to still be a problem. I have buttons in my project with a hover over that changes the color, which I don’t want to remove for desktop use. On mobile, when a user chooses a wrong answer button, it takes them to a slide to give feedback and then returns them to the question slide where the wrong answer they selected should be grayed out. But, on mobile, there are no changes in the state of the button. Is this still an issue or is there a hack I don’t know? Several colleagues are fighting the same problem.
- MariaCSStaff
Hi, Christina.
Thank you for reaching out!
This is still an open issue with our team. We'll update this discussion when we have any news to share!
In the meantime, would it be possible to create a custom state that changes the color of the answer to gray, instead of using the hover state?
Hello everyone!
I have great news to share! We are no longer seeing this bug where state changes do not work correctly on mobile when using our latest version of Storyline 360 (Build 3.72.29699.0).
Please let us know if you’re still noticing the issue and we’ll be happy to continue troubleshooting with you in a support case.
- StefanieRedm921Community Member
I'm still seeing the issue on the latest version of Storyline 360.
Hi Stephanie!
Thanks so much for letting us know. I'm sorry to hear you're experiencing this issue with the state changes not working correctly on mobile devices.
I've gone ahead and opened a support case on your behalf. We'll continue the conversation over in your support case.
Have a nice start to your week!
- DestinyHart-35dCommunity Member
I'm also experiencing this issue. I have a trigger that changes the state of the object to completed after they've viewed all layers, but the state change is not occurring on mobile devices.
Hi Destiny!
Sorry to hear you're also experiencing this setback!
I went ahead and opened a support case for you and one of our support engineers should be in touch shortly! We can continue the conversation in your support case.