Menu Slider?

Aug 16, 2020

Hey guys,

I came threw a problem using the liniar movement triggers.

I want to create a Elearning Menu and the sliders should move to the main menu point which the user clicks. doesnt work for me with relative starting point unfortunately.  Also what i think about aswell. if the use clicks on the menu point, the slider should be in animation but also in storyline it should jump to the next scene of course (but the animation is sitll going? or does it interrupt than?). Is that even possible?

I included the file, you can see it it slider 1.3

 

thanks in advance.

8 Replies
Walt Hamilton

The first and best advice I can give you is to name the text boxes logically. Name the box on the left Textbox1, the next one Textbox2, the next Textbox 3, and Quiz, Textbox 4. It would have saved me a lot of time, instead of having to figure out which was which, and if someone else has to come in later and change the project, it will save them a lot of time, even if that someone is you, in six months.

In the sample I used a slider to make the menu work. I randomly chose the slides for the menu jump.


If you want the animation of easing in, actually slowly moving, and easing out (like using a motion path), that is more involved. In fact, it involves enough extra work that I didn't make a sample. But if you want that, here are the steps you need.
1. Create a variable to keep track of where the slider is currently. Use names or numbers, it doesn't matter.
2. For each textbox, create a trigger that changes the current location variable to the name or number of that textbox when the textbox is clicked. (four triggers)
3. Space the textboxes so that the centers are spaced equal distances apart. If you don't, you will need twice as many motion paths, and four times as many triggers.
4. Create a motion path that goes from left to right for one distance, one for two distances, and one for three distances, all with relative start points. Duplicate them, but reverse the direction of the copies. (6 motion paths)
Steps 5 is necessary only if you want to watch the animation complete before the jump to the next slide.
5. Create one additional motion path for each textbox that is a line and has a length of 0 with a duration equal to the others. (4 motion paths)
6. For textbox 1, create three triggers that use the appropriate motion path

a. One to move the slider one step to the left when the textbox is clicked, if the current location variable is textbox 2
b. One to move the slider two steps to the left when the textbox is clicked, if the current location variable is textbox 3
c. One to move the slider three steps to the left when the textbox is clicked, if the current location variable is textbox 4 (3 triggers)


7. Duplicate these three triggers for each of the remaining textboxes, using the appropriate step numbers and motion directions. (9 triggers)
8. For each textbox, move the trigger created in step 2 down the list of triggers to below the triggers created in steps 6 and 7. That way the slider moves from the old location before the location is changed.
Steps 9 and 10a are necessary only if you want to watch the animation complete before the jump to the next slide.
9. For each textbox, create a trigger to move the textbox on the motion path created in step 5 when the textbox is clicked. (the only purpose of these triggers is to cause a pause to allow the motion path in steps 6 and 7 to complete.)(4 triggers)
10a. For each textbox create a trigger to jump to the appropriate slide when the motion path in step 9 is completed. (4 triggers)
Use step 10b if you do not want to watch the animation complete before the jump to the next slide.
10b. For each textbox, create a trigger to jump to the appropriate slide when the textbox is clicked. (4 triggers)
If you set the slide to return to saved state on revisit, it should all work.

I should tell you that I used steps 5, 9, and 10a in the sample I made. It allows you to see how it is done, and gives you a chance to see the indicator change. Using the slider will assure that the indicator is always in the right spot on revisiting the slide.

 

lucas wolf

Hey!

Thanks so much for the detailed description. As I see its not that simple. I followed your steps but seems to not work for me. Its fine for left to right but not the other way around. Somehow the starting point is not relativ, its moving for some reason. Would you be so kind to check my file out? I renamed the textboxes as you said to 1,2,3,4 aswell as the motion paths 1-2,1-3,1-4 and 2-1,3-1,4-1.

Also, I didnt quiet get the steps 5, 9 and 10 which where included in your file.

Thanks in advance! 

Michael Hinze

Just for variety, here is a slightly different, simplified approach that uses a slider and one offstage object with a motion path (which is used as a counter). Depending on your current "location" and which menu item you click, the slider variable is counted up/down. The animation may not be as smooth, but the setup is simpler. I only changed the menu on slide 1.3 and left out the JumpTo Slide triggers (they're easy enough to add). I would put this mechanism on the masterslide so that it is visible on every slide. See attached a quick example

This discussion is closed. You can start a new discussion or contact Articulate Support.