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

auto-complete search 4,214

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 153 5
Published in Content, Interactive, Input

Comments (2)

You must be signed in to join the conversation.
7a
7df751bb-8b7b-11ee ab6d-0e76797a4f7b @victoria.cao · Aug 22, 2022
It was really helpful thanks Todd
ka
kennedi avelino @ken.avelino · Nov 6, 2017
Hi, how did you manage to achieve the autocomplete prototype?

More by Todd View all

Staff picks