Choice Dropdown behaviour for default values

I’ve set up a few dropdowns for my custom search. I want to change a couple of things.

  1. By default, I can see a dash (-) option available for when no items are selected. For my app, I’m considering this as ‘All options selected’. Is there a way to actually display ‘All’ instead of the dash? The dash can be confusing, it can mean all or nothing to the users.
  2. I’m allowing multiselect in the dropdowns. But the UX is not very intuitive. I want to show a close button or something to that effect when the user is done selecting the options. Especially when the user wants to select just one of the dropdowns, the dropdown list doesn’t close unless clicked on it again. It’s more frustrating on mobile.

Any suggestions on making the UX better in both of these cases?

@Darren_Murphy Any suggestions on this one?

If you make it required, that will get rid of the dash.
You can then include “All” in your options list, and you will need to deal with that in your filtering logic.

Yes, I’ve seen this and I agree that it isn’t great. But I believe it’s more about specific device behaviour than it is about Glide, and I don’t have any suggestions for improving it.

1 Like

Thanks. I don’t think including All in the options list will work well for what I’m looking at. I was thinking ‘All’ to be selected by default in the dropdown and the rest of the items are sorted alphabetically. It’s not possible to do both from what I see..

But I don’t think a clean solution exists right now for this.

I assume this is on a tab level? If you have some type of navigation, you can set a value to that column when navigating to the screen.

1 Like

Yes, this is one of the main tabs in the navigation. I don’t see an option to add action there though. Also, not sure if the ordering criteria can be met either way. Perhaps, the dash is a better option at this point.