Slide timeline stops when template layer is triggered

This is kind of a complicated question, so bear with me. I am building an eLearning module for a client that will be viewed mainly on an iPad. For that reason I want to create a custom menu. I've turned off the player completely and I put a button on the template that activates a layer that will serve as the menu. (I do not want to use a lightbox slide because the lightbox close button is not customizable).  The button operates the menu layer without a problem.

Here's where my problem comes in. I have slides set up to run looping animations. To create the loops, I've used layers.

So...I now have:

a menu layer that is part of the template and

two layers on my slide that are looping animations.

The trouble is, if someone clicks on the menu button, when they close the menu the slide timeline has stopped and my animation layers are hidden. Nothing seems to prevent this EXCEPT turning off "hide other slide layers" in the template. But... if I do that, the animation keeps playing but the layers appear ON TOP of my menu layer.

Somehow, I doubt there is an easy fix. But I thought it worth a shot. Any ideas on how I can arrange this - avoiding of course having to drop the menu into each individual slide?

Thanks for listening!


7 Replies
Ashley Terwilliger

Hi Lisa,

Typically something like this is easier to assist with if we're able to take a look at a sample file.

Based on your description, I have a few clarifying questions that may help point us in the right direction though. How are the animation layers triggered? Could you trigger them to be shown again based on the user closing the menu layer? If the animations are triggered by something in the timeline of the base slide that'll happen consistently - could you use the "pause timeline of base layer option"?

Also, the layers will appear from a slide in the order that they are triggered (if you're allowing all layers to be shown) - so if the user clicks show menu layer, and then the animation layers - that would make sense that they were appearing over top. 

You also mentioned the menu is a part of the template - do you mean slide master? If so, any slide masters and their layers are treated as a part of the background and therefore other elements on that slide or layer will always appear over top of them. 

Hope that helps get you started thinking about other options, and if you can share a bit more information about the set up staff and the community can share some other ideas. 

Lisa Heyden

Attached is an example story file so you can see what I mean. The animation stops when the menu is opened and does not restart after.

If I change it to not hide the other layers, the animation will continue but will appear on top of the menu.

That the slide master is part of the background is understood. But storyline has no options for truly customizing the player. The notification window is also impossible to customize and customizing the quiz notifications is nearly impossible. It's very frustrating.

To overcome this issue, I've tried creating gif animations - that failed on the iPad. Other animation types may or may not work, but I haven't had time to try them. I'm also having a problem with video animations. I want the videos to appear seamless, but Storyline insists on drawing a rule around the outside of the video.

Ashley Terwilliger

Hi Lisa,

So the way you have this set up - I'd expect the animation to continue to appear on top of the menu, as the layer is being shown again using the slide timeline triggers. What if instead you placed the menu in a lightbox? I did a quick test, and it seems that when I trigger a "menu" within a lightbox, and then use the close button for the lightbox it returns to the slide and picks up with the animation. 

I'm not sure what you meant about the notification window - but if you're looking at the quiz type notifications such as the invalid answer prompt, you may want to review the article here.  Other quiz prompts such as the correct/incorrect/try again are dealt with from the feedback masters. 

I'm also not sure what you mean about the "rule around the outside of the video." But here is an article on how to loop videos or audio. 

Lisa Heyden

Hi Ashley,

The video is an mp4 with a transparent background. The image is of an artificial hip.

Basically I'm trying to achieve an integrated look between the video and the slide. I can't have the video extend over any buttons that are on the master for obvious reasons, so I cannot use a full screen video. If I can somehow lose the border (and the subtle color shift) on the video, I might be able to use it instead of Storyline animations. I haven't tried this either, so I'm hesitant to say it would solve my problem. It's worth a try.

Is there a particular video type I need to output to? These are going to be viewed ultimately on an iPad and the designer building the video animations is currently using recommendations from Apple.


Ashley Terwilliger

Hi Lisa,

Artificial hip - wouldn't have guessed. 

For transparency you may want to look into FLV alpha channel transparency as it's supported in the Flash Player and the Articulate Mobile Player app.

However, if you publish Articulate Storyline content for HTML5, FLV files in your project will be encoded as MP4 videos. As a result, alpha channel transparency won't be maintained in the HTML5 output.

See this article for a full comparison of Storyline's Flash, HTML5, and Articulate Mobile Player output.  Also, here's how all videos are encoded in Storyline.