DropDown lists (combobox, select list)


#1

I need to create a dropdown box so that only one items shows, then if I select the dropdown arrow, the rest of the items will show and I can then select a new option from the drop down list. How do I do that. I can only get the drop down to show the whole list and that gets in the way of my UI fields.


#2

Set the State to Closed


#3

Hi @jofarrell,

Thanks for getting in touch about this.

Unfortunately, this is not something you can achieve in our little tool which has low interactivity on purpose, as detailed here.

On the other hand, the Linking feature might help you to demonstrate click-through prototypes.

In your case, I would recommend the following steps:

  • add a ComboBox control
  • duplicate the mockup
  • on the first mockup: link the ComboBox to the second mockup, select the item and set the ComboBox state to closed (as suggested by @ArcticMe)

Here’s the result:

Hope this helps! Please let us know if you need anything else. :slight_smile: