Autocomplete - how to see a complete list of results?

Autocomplete works very well, but how can the user see a complete list of results (not just a list based on whatever is typed)?

For example a new user might not be familiar with all the options and therefore doesn’t know what to type. Sometimes pressing the space bar can bring up many results but maybe not all, especially if some or all of the results are single words.

You could have a checkbox to switch between a standard dropdown and an autocomplete version - something like this:

image

In this case the switch is between ‘search from start’ or ‘search anywhere’ (the first option being faster with a larger record set).

Hi @TomD , interesting but it does add another layer of complexity, albeit minor. I still wonder if there is an option, when the focus is on the autocomplete, to press say an F key or something like Ctrl-Tab to show the full list.

I think you could do this using a variable do determine which input is displayed. You could set the variable with a keystroke like this (for Ctrl+G to show the autocomplete version):

<body is="dmx-app" dmx-on:keydown.ctrl.keyg="var1.setValue('autocomplete')">

Edit: you could toggle the setting:
<body is="dmx-app" dmx-on:keydown.ctrl.keyg="var1.setValue(var1.value == 'autocomplete' ? 'completelist' : 'autocomplete')">

1 Like

Hi @UKRiggers!

How do you manage this issue? Have the same use case here!

In the INPUT field add a [space] to the end of the optiontext like this

optiontext="businessName + ' '"

which adds a space to every listing, then tell the user to type [space] to show full list.

3 Likes

That is genius!

Perfect @UKRiggers! Thanks a lot!