I'm trying to create a drop-box that includes a scroll feature as there are a lot of items to be included in this drop-box. I tried creating a container, but that doesn't look right as the scroll bar remains visible when the drop-box is closed. Does anyone know of a better way to complete this?
I am also creating a page that scrolls down to each section when a navigation tab is clicked. I have that part down, but I am also trying to make the nav bars change color when simply scrolling rather than clicking the nav buttons. Anyone know how I can make the nav bars change colors when a certain section reaches the top when scrolling?
Regarding the drop-box, you can control whether the scroll is displayed or not by changing the size of the content of the container. You can change the size of the content of the container by double clicking the container and dragging the arrow that is displayed on the bottom right.
Please check the following example:
Was this information helpful? If not, could you share with us how the drop-box control works so that we provide a more specific solution?
Regarding your second question, Indigo Studio does not currently support scrolled based interactions, so there is no way of changing a property when scroll has reached a certain position. There is an idea in our uservoice account to add scrolled based interactions:
. You can vote or extend that idea so that we consider it for future updates.
Please let us know if we can help you in any other way
Indigo Studio Team
In your example it just looks like a bunch of rectangles rather than a selectable drop box. I do want it to function as a drop box where it is opened to show all options, then close when an option is selected with that option shown in the closed box. Please take a look at the attached example. When I tried this same thing before, the container leaves the scroll on the screen even when the drop box is closed. Some of my Drop boxes contain a lot of options, so I definitely need the scroll, but I also want the scroll bar to disappear when the drop box is closed.
As for the scrolling navigation, that certainly explains why I couldn’t figure that one out. Thank you, I will vote for that new feature.
The DropDown control does not have open/close events, therefore you won’t be able to control when to show or hide the scrolls properly if you use a container box for that purpose.
Also note that if you use a container for scrolling, when you scroll the DropDown header is scrolled with the items.
Unfortunately, we do not have a good solution for that in Indigo right now. As a workaround you can use another control instead of a DropDown. For instance, you can simulate a DropDown with scroll by using a ListBox and a label.
The problem with that solution is that you will loose some of the abilities of the DropDown control, but maybe it is enough for what you want to show in your prototype.
Here you can find a couple of samples with the control done with screenparts.
This one is the simplest one, it just allows opening and closing the combo and displays the options in a listbox with scroll:
If you have many DropDowns in your screen that you want to display with scroll, you could reuse the screenpart and customize it to change the items in the listbox.
This other sample shows how you could allow the user to select each of the options of the combo. Note that you will need to add a couple of states per option in the screenpart:
You can also add the idea of having vertical scrollbar in DropDown control to our uservoice account:
I hope this helps!
Please let us know if you have any other question.
Ok, I see. Thank you for the help!
I tried your idea of creating multiple states to make the scrolling drop box work, and made it as a screenpart. When I tested the screenpart by itself, it works beautifully. But when I drop the screenpart into a page in my prototype, it doesn't work. I've attached some screenshots to show what I mean. Is there no way to make this work through screenpart editing?