Spaces is a community where you can showcase your interactive prototypes Sign up

auto-complete search 594

Type the first character of topics from http://uxofvr.com to see the auto-complete.
(a-z, 2,3). Use ESC to hide the dropdown.

Uses a variable to capture the content of the search field then uses the javascript method
"{search}".charAt(0) to capture the first character of the search string to then change the container state property of the auto-complete dropdown to match the first character typed.

see video of how to create this step-by-step in the webinar:
https://support.proto.io/hc/en-us/articles/115001243532-Model-advanced-prototypes-that-use-variables

TAGS:
auto-complete
search
dropdown
variables
variable
character selection

Thanks to Costas Thoma for the model.

Todd Siegel
@productevangelist
Share 28 2
Published August 16th, 2017 in Content, Interactive, Input

Comments (1)

You must be signed in to join the conversation.
ka
kennedi avelino @ken.avelino · 13 days ago
Hi, how did you manage to achieve the autocomplete prototype?

More by Todd View all

Staff picks