Anyone have any tips or suggestions for creating a drop-down menu in Storyline? I am trying to create my own from scratch but having issues with making the drop down menu funtion properly (i.e, making the menu items appear and disappear as the user mouses over the menu).
I found this forum When I searched for Drop Down Menus in Google. So even though this forum is over 2 years old. If anyone else wonders in here I recently found this video from youtube explaining how to create a wonderful Drop Down menu system.
not sure I understand your issue. When I hover Menu 1 - I get the dropdown and when I hover the rectangle around Menu 1 choices it hides - is that what you are referring to?
Hi, I'm looking for a drop down list to use for 5 questions on one slide - all with different answer options to choose from. Does anyone have a template I can use to help please? I don't seem to be able to open the shared document above.
I'll defer to the community for other templates, but I was able to open the one Antonio attached above. I've reattached it here for you in the event that it helps you open and download. It seems to have been created in Storyline 1 so you will receive the message/prompt if you try to open it in Storyline 2 that it'll need to be upgraded.
Hi Katie - Since you had some space between your menu buttons, I added a menu backdrop panel (80% transparency) to fill the gaps between them and then expanded the hover area slightly to completely surround the panel.
There's also an example in the project file of building the hover trigger a little differently, so you don't need to create a hover state for each button.
I have a question: I watched a great tutorial about building a drown down menu in storyline. I followed it as much as I could, but my goal is slightly different (I have also attached the storyline file): I am trying to create drop down answer choices, then when one of the answers is clicked, the answer appears in its corresponding blank. Everything worked until I hover outside of the drown down area. Then, the layer disappears, and with it, the selected answer. How can I keep a selected answer visible on a page without it disappearing?
As it looks like you're setting the states of those items on the layer itself vs. on the base slide layer - as such once you're no longer viewing the layer you won't be able to see the associated items such as the selected state.
Happy to be of help (and Nicole has also done a great job on the tutorial).
Based on what you've described you would like to do, I've taken a look at the story file you've attached and added a second slide with a few changes for you to take a look at from your existing slide. Here's what I've set up:
Hovering over the rectangle 6 one 1 on the base slide opens a layer selections 6 one 1 (you may want to rename these).
Once there, when a selection is made, the state of the rectangle 6 one 1 on the base slide is set to that selection and the layer is closed (I also needed to add First, Last, and 1 custom states to rectangle 6 one 1). The key change was in using the layer to change the object directly on the base slide. As you had set up, moving across the hover area will also close the layer if no selection is made.
Since you'll be setting up a number of the hover interactions for your project, something else to consider: it may be easier to use a hover trigger to open the layer set up as "When the user hovers the mouse over..." (the trigger fires on the action of hovering) instead of "When the state of x is Hover..." (the trigger fires with a state change, in this case Hover). There's an example to take a look at in the second slide.
Happy to help, and best of luck on your project. Ashley was also pointing in the right direction - since you had shared a story file, I thought others might also benefit from the example (and I was working on it when she replied).
As the original poster of this thread I really appreciate all the activity and the community that has pitched in to answer questions and keep this thread alive for anyone interested in this. I'm glad so many have been able to enjoy my work and I look forward to seeing the new comments and questions along with the way people are using this file!
Thanks everyone:
Nathan
Hi Nathan, You may have responded to the wrong thread. This thread is from the drop down menu Storyline question originally posted by Oswaldo Villoch. It began over four years ago and has since covered a variety of menuing and related questions.
Hi Edward, It has been a long running discussion with many examples and contributors and great to see you enjoyed it. I hope as you looked through you spotted a few ideas that would be helpful.
I noticed around the same time you posted here, you had also had a menuing question in another thread. I’ve posted a few suggestions there you may find of help.
Hi all- I know this thread is quite old but am hoping you can help me out with my drop down menu. There seems to be a glitch in that the choices in the drop down menu are not always available. Sometimes they are, sometimes they are not. It seems to happen more with the "Overview" and "Lesson 1" tabs. Any insight? Thank you in advance!
153 Replies
Love it when that happens. :-)
I found this forum When I searched for Drop Down Menus in Google. So even though this forum is over 2 years old. If anyone else wonders in here I recently found this video from youtube explaining how to create a wonderful Drop Down menu system.
https://www.youtube.com/watch?v=TSHHgbzIJ1w
Good luck! Hopefully this will help someone!
Thanks Nathan for sharing!
Hi All,
Thanks for this great trick. I would like to make it work, for sure i am missing something and like Cath and not make the "mouse hover over" work.
I am attaching the file (the one done in layers, not in the master)
Thanks
Hi Antonio
not sure I understand your issue. When I hover Menu 1 - I get the dropdown and when I hover the rectangle around Menu 1 choices it hides - is that what you are referring to?
Hi, I'm looking for a drop down list to use for 5 questions on one slide - all with different answer options to choose from. Does anyone have a template I can use to help please? I don't seem to be able to open the shared document above.
Hi Susie,
I'll defer to the community for other templates, but I was able to open the one Antonio attached above. I've reattached it here for you in the event that it helps you open and download. It seems to have been created in Storyline 1 so you will receive the message/prompt if you try to open it in Storyline 2 that it'll need to be upgraded.
Hi Greg,
I cannot get the hover border to stay open for the life of me. Am I doing something wrong?
Hi Kate,
I'm not certain that Greg is still subscribed to this thread, but you are welcome to reach out to him using the "contact me" button on his profile.
If you'd like to let us know which slide in question is having difficulty we're happy to take a look.
Hi Katie - Since you had some space between your menu buttons, I added a menu backdrop panel (80% transparency) to fill the gaps between them and then expanded the hover area slightly to completely surround the panel.
There's also an example in the project file of building the hover trigger a little differently, so you don't need to create a hover state for each button.
You should be all set!
Thanks Greg for coming back to help Katie!
Hi Everyone,
I have a question: I watched a great tutorial about building a drown down menu in storyline. I followed it as much as I could, but my goal is slightly different (I have also attached the storyline file): I am trying to create drop down answer choices, then when one of the answers is clicked, the answer appears in its corresponding blank. Everything worked until I hover outside of the drown down area. Then, the layer disappears, and with it, the selected answer. How can I keep a selected answer visible on a page without it disappearing?
Hi Marina,
As it looks like you're setting the states of those items on the layer itself vs. on the base slide layer - as such once you're no longer viewing the layer you won't be able to see the associated items such as the selected state.
Hi Marina,
Happy to be of help (and Nicole has also done a great job on the tutorial).
Based on what you've described you would like to do, I've taken a look at the story file you've attached and added a second slide with a few changes for you to take a look at from your existing slide. Here's what I've set up:
Hovering over the rectangle 6 one 1 on the base slide opens a layer selections 6 one 1 (you may want to rename these).
Once there, when a selection is made, the state of the rectangle 6 one 1 on the base slide is set to that selection and the layer is closed (I also needed to add First, Last, and 1 custom states to rectangle 6 one 1). The key change was in using the layer to change the object directly on the base slide. As you had set up, moving across the hover area will also close the layer if no selection is made.
Hope this may be of help!
Greg
Since you'll be setting up a number of the hover interactions for your project, something else to consider: it may be easier to use a hover trigger to open the layer set up as "When the user hovers the mouse over..." (the trigger fires on the action of hovering) instead of "When the state of x is Hover..." (the trigger fires with a state change, in this case Hover). There's an example to take a look at in the second slide.
This is so awesome and cool!! It is exactly what I was trying to do! Thank you so much for taking your time to help me and explain my confusion.
Happy to help, and best of luck on your project. Ashley was also pointing in the right direction - since you had shared a story file, I thought others might also benefit from the example (and I was working on it when she replied).
It's all about team work Greg. ;-)
What a great discussion! Thanks everyone!
As the original poster of this thread I really appreciate all the activity and the community that has pitched in to answer questions and keep this thread alive for anyone interested in this. I'm glad so many have been able to enjoy my work and I look forward to seeing the new comments and questions along with the way people are using this file!
Thanks everyone:
Nathan
Hi Nathan,
You may have responded to the wrong thread. This thread is from the drop down menu Storyline question originally posted by Oswaldo Villoch. It began over four years ago and has since covered a variety of menuing and related questions.
Hi Edward,
It has been a long running discussion with many examples and contributors and great to see you enjoyed it. I hope as you looked through you spotted a few ideas that would be helpful.
I noticed around the same time you posted here, you had also had a menuing question in another thread. I’ve posted a few suggestions there you may find of help.
I did. I responded from my email without looking at the threat. My apologies
Sent from Yahoo Mail on Android
Hi all- I know this thread is quite old but am hoping you can help me out with my drop down menu. There seems to be a glitch in that the choices in the drop down menu are not always available. Sometimes they are, sometimes they are not. It seems to happen more with the "Overview" and "Lesson 1" tabs. Any insight? Thank you in advance!
HI Joni
not sure I understand what you mean - what is not displaying when?
This discussion is closed. You can start a new discussion or contact Articulate Support.