Exported triggers not working as previewed + Scale changes for shape states not working as expected

Hello Jia!

I took a look at your file and I'm only seeing the issue you are reporting in the Flash output. It seems to work just fine in the HTML5 output, which is what you see in preview as well.

Do you see an issue with the object sizing in this file? I published with HTML5 first and Flash fallback, which is the default for Storyline 360.

I see the issue of the basketball cropping when enlarged as well. How did you create this image? Are you able to recreate the issue? If so, just let me know how.

Hi Leslie!

I'm exporting in Flash output because I found some issues with the HTML5/flash fallback output. It seems that when the user proceeds to the next/previous slide, there will be a quick white flash in-between the slides- even if Im using the 'None' transitions. It didn't seem that the timeline was causing it since I had them set to 'Show Always'.

I would like to trick the user into thinking they are still on the same slide when they click the button, I've even set the slide designs to be exactly the same to achieve that. But that white flash seems to ruin the effect, so I opted to use the Flash/HTML5 fallback export instead. I've attached the file below so you can better understand what's happening, and possible solve it!

I don't see the object sizing issue in your file and that is exactly what I'm aiming for! However, the issue with the white flash of HTML5/flash fallback makes me hesitant to export in that route.

The basketball image was created in Adobe Illustrator and exported in Photoshop as a .png, exactly the same way as the egg image is created. But the only difference is that I used it as a fill for the Shape Object created in Storyline. I then added the larger state and moved it off its original anchor point to have it centralize with its original state. Im guessing that's the cause of the image being cropped- As what it seems like is that Shape Object in the larger state has been moved to its new anchor point to centralize with the original state, BUT the larger image fill stayed at the original anchor point- hence causing the strange crop at the corner.

At this point, I've removed the Scaling Feature from my courseware to prevent inconsistent results, but I would greatly appreciate it if these issues can be solved so I wouldn't need to disable them.

Ah, I see where you worked with Alyssa here.

What should I be looking for in the file you shared here? I published it to take a look, but I'm not clear on what you were showing me here.

The issue doesn't seem to be appearing in your published version, was that file published in HTML5 with Flash fallback? I published it here and there's this white flash in-between the slides.

Thanks Jia!

I took a look at the link you shared, and I see a Flash a couple of times when viewing in Safari, but then it goes away. Here is my recording of testing (Order is Chrome, Firefox, then Safari).

I'm not seeing an issue with the link I shared with you within Safari. What happens when you publish to the web and test via Tempshare?

I see!

The white flash didn't appear when I viewed on my Google browser either.
However, its when viewed in Internet Explorer on my side, maybe you could try testing it on IE?

I did try to publish in Tempshare but its publishing always seem to fail. I tested it on IE and Google but they both gave the same error message sadly.

EDIT: My apologies, I just saw the latest update of articulate and noted that the white flash has been fixed in IE- and it no longer shows the white flash in HTML5!

However, another error has arise when I try to further improve the courseware.

This time, I tried to centralize the larger frame state with the original frame state, making it seem like the frame is popping out from the center to look more receptive to the user.

But this way, it made the object dragged over the frame unable to scale up consistently.

I've attached the new edited version of the scaling to this reply, along with some description of the inconsistent scaling. Hopefully it can be solved! 

Hi Jia,

Thanks for sharing an updated copy of your file. I see how you changed it to look like the box expands from the center, but since the user is dragging it to begin with into the stage area, it's not going to show as popping out from the center. If not, there is a small flash or scaling that occurred between the box lines based on the original positioning. 

I would leave the larger box's starting point to match the "normal" state. When I do that the orange scales consistently into each box and that element works as expected. 

Glad the latest update resolved the white flashing issue for you too! 

Hi Ashley,

Thank you for the suggestion! Will be sticking with that solution for now, hopefully the states can gain their individual starting points in future updates!

We'll keep you posted on that Jia, and feel free to share your thoughts and ideas on any and all Feature requests here! If you’re wondering what happens when you submit a feature request, here’s our process.