Forum Discussion
Drop-down in scrolling panel
Hello,
I need to embed a layout in a Storyline slide using a scrolling panel that contains multiple dropdowns. My idea was to create hidden panels with options and group them, but it seems groups can’t be hidden, I tried with "parent" container to hide it but I seem to be doing something wrong. Layers also don’t help since the dropdown button positions aren’t fixed.
What’s the best way to build this?
Regards
6 Replies
Hi there. For this particular interaction, I think the best course of action would be to set up your "scrolling panel" like a Rise microlearning with static "steps". This will allow you to not only control what drop-down fields a user sees at a given "step," but also - with the help of variables - track/display selected drop-down options. Lots of triggers and if-then scenarios to consider, but it gets the job done (see attached project file).
This is a common challenge in Storyline.what actually worked for me was using states instead of groups or layers. I created a shape to act as the dropdown field and then added custom states to it — one for the default view (just the button or selected value) and another called “Dropdown Open” where I placed all the dropdown options below the button. I used triggers to switch between these states when the dropdown was clicked. For each option, I added additional triggers to set a variable or update the selected text, and then return the object to the normal state. This method worked perfectly inside a scrolling panel, and everything stayed in place and scrolled as expected.
Are you able to share a sample slide of what you are working on? That might help
Greetings,
sure I created little sketch up so the problem is a bit more clear. So in step 3 I have this drop down, I made simple one, but same principle would be applied to all of them. For drop down items panel I created parent recktangle which can be hidden or displayed, and within it it is recktangle with items which I was planning to make group of, but that does not work since I need layout for each item when it is hovered, but when in group, all items trigger hover state as soon as mouse is inside group area. And I have no idea how to make this. I was considering also enter state editor in parent recktangle, and add items only when in normal state, but in that case I cannot edit states to child recktangles.... Maybe to show and hide for each of the drop down items, but I would have a lot more dropdowns in a single slide, is there some kind of limitation regarding triggers per slide?
Sorry for my rumbling, just trying to find best practice to have this accomplished.
Individual layers I dont know how will work since when in scrolling panel I'm not sure on which location header dropdown button would be when user clicks it, and dropdown list should display under it so where to draw it in new layer?
I tried to have some container like recktangle in which I put dropdown container with list of options, but when I hide it, recktangle with options stays visible. Not sure on how to create this parent-child relationship between containers. Sorry I'm still learning about platform.
Groups nor Scrolling Panels have States, so that option would not work. Have you considered covering them with a rectangle that changes to hidden? Or placing them on individual layers?
