Is is possible to have different ("opposite") slide transitions when users move forward and back through the slides? I'd like to use the Uncover Left transition between slides when clicking Next, but it looks very confusing having the same transition when clicking Previous as the slides appear to still be moving ahead. Ideally I'd like to be able to change the "back" transition to Cover Right to make it look like the slides are reversing back.
There is no easy way to do this, the only achievable way I can think of is to have two slide decks and manually set the previous button, this will break the menu functionality though.
Ah, right. Thanks Phil - I see what you mean about breaking the menu functionality though! Might have to rethink my transitions as my project is quite long - looks like a lot of work to achieve a relatively minor visual effect. At least a good ol' fade will work in both directions! :P
I also would like to make this effect and there is no way. Should be possible to choose also a trigger for the transition. It was not helpfull at all.. If a previous more then two slides the transition would change to the other again. Maybe for the next update..
I have a forward-moving timeline, using the push transition, which looks great moving forward! But when using the previous button it looks quite ridiculous, without being able to reverse the transition!
Thanks for sharing your thoughts here too! It's something that a few folks have submitted as a feature request but has yet to make our roadmap. Here's a bit more about how items like this become features in new versions of Storyline.
I've been hoping for years that this would be added.. hoping it was added to Storyline 360, but when playing around in the trial version, I do not see it as a possibility. Is there any update about the potential of having this feature?
No easy way to achieve a reversed transition alas. Phil's solution is probably the easiest one. Another option is creating a transition with GSAP and javascript. That would be easily reversible as you can use timelines with built-in functionality to reverse it. In fact that is quite easy... biggest problem is for push or cover transitions you would need the graphical look and feel of the next and previous slides in the current one...so you can make it look like a transition on the current page.
Moving the currentview... well thats the easy part..
let player = GetPlayer(); var tl = gsap.timeline({onComplete:readyAction});
A first sample of this... pages are grouped on a slide and with GSAP controlled to move out of view. Gonna finetune this, because it is a bit messy still... but the principle works...
I threw in a feature request too. I would love a backwards transition where you could opt for the opposite transition as the one that appears when navigating forward. Ex. navigating on a mobile device through a slide deck/deck of cards,
it just looks funny when you go backward-but it appears the previous slide is underneath the current slide.
Thanks for checking in. I'll be sure to add your vote! If you need any help with your project in the meantime, please let us know here in the E-Learning Heroes community or privately in a case.
Ten years later, let me insist on this feature 😅 I completed the feature request form but still, I think this is something that would be greeeeatly appreciated by all users and give a much more modern look to Storyline projects!! Lucie
In fact Storyline should abandon the slide approach and go for a more modern scrollable web-approach like in Rise. For some projects we are already abandoning Articulate tools mostly because of the lack of this kind of things.
25 Replies
There is no easy way to do this, the only achievable way I can think of is to have two slide decks and manually set the previous button, this will break the menu functionality though.
Hi Erin! Looks like Phil is assisting you here, so just let us know if you need anything further.
Thanks Phil - would you mind clarifying what you mean about having two slide decks?
Cheers Leslie, will do!
You duplicate your slides and have one two slides each with a different transition.
Ah, right. Thanks Phil - I see what you mean about breaking the menu functionality though! Might have to rethink my transitions as my project is quite long - looks like a lot of work to achieve a relatively minor visual effect. At least a good ol' fade will work in both directions! :P
Glad Phil was able to help you out here Erin! Thanks for the update.
I also would like to make this effect and there is no way. Should be possible to choose also a trigger for the transition. It was not helpfull at all.. If a previous more then two slides the transition would change to the other again. Maybe for the next update..
Hi Doris! You are welcome to share your thoughts with our product development team here.
I have a forward-moving timeline, using the push transition, which looks great moving forward! But when using the previous button it looks quite ridiculous, without being able to reverse the transition!
Hi Jacqui!
You are welcome to share your thoughts with our product development team here as well.
Absolutely agree. I love this transition but don't like the look of it when users click the previous button.
Hi Stephanie,
Thanks for sharing your thoughts here too! It's something that a few folks have submitted as a feature request but has yet to make our roadmap. Here's a bit more about how items like this become features in new versions of Storyline.
Not an option
I've been hoping for years that this would be added.. hoping it was added to Storyline 360, but when playing around in the trial version, I do not see it as a possibility. Is there any update about the potential of having this feature?
Hi Erin!
I don't have any updates to share on this feature request. Thanks for checking in!
Any updates?
No easy way to achieve a reversed transition alas. Phil's solution is probably the easiest one. Another option is creating a transition with GSAP and javascript. That would be easily reversible as you can use timelines with built-in functionality to reverse it. In fact that is quite easy... biggest problem is for push or cover transitions you would need the graphical look and feel of the next and previous slides in the current one...so you can make it look like a transition on the current page.
Moving the currentview... well thats the easy part..
let player = GetPlayer();
var tl = gsap.timeline({onComplete:readyAction});
let slideContainer = document.querySelector("#slide > main");
tl.to(slideContainer, {x: '100vw', duration: 1});
function readyAction(){
console.log("timeline ready!");
player.SetVar("isTransitionDone","2")
}
The code uphere just does that...moving the actual content out of view to the right.
Now figuring out how to get the next page to show properly..
A first sample of this... pages are grouped on a slide and with GSAP controlled to move out of view. Gonna finetune this, because it is a bit messy still... but the principle works...
https://360.articulate.com/review/content/cd10e73d-44c9-4f6c-957a-fb1e75c62c74/review
First 2 pages only work... next and previous..
Hi Erin, any updates on this feature?
Hi Karen,
We still don't have any updates to share on this feature request, but we'll be sure to drop an update in this thread as soon as one becomes available!
I threw in a feature request too. I would love a backwards transition where you could opt for the opposite transition as the one that appears when navigating forward. Ex. navigating on a mobile device through a slide deck/deck of cards,
it just looks funny when you go backward-but it appears the previous slide is underneath the current slide.
I would also like to be added to the people requesting this! This request is 9 years old... hopefully it will soon be at the top of the roadmap!
Hi James!
Thanks for checking in. I'll be sure to add your vote! If you need any help with your project in the meantime, please let us know here in the E-Learning Heroes community or privately in a case.
Ten years later, let me insist on this feature 😅
I completed the feature request form but still, I think this is something that would be greeeeatly appreciated by all users and give a much more modern look to Storyline projects!!
Lucie
In fact Storyline should abandon the slide approach and go for a more modern scrollable web-approach like in Rise. For some projects we are already abandoning Articulate tools mostly because of the lack of this kind of things.