auto-complete search

4,810
2
154
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

Trotalo 1.1

2,239
0
Prototype for a tourism app, more info at www.trotalo.com

46901641-504d-11ed 9221-0e76797a4f7b

Sort

1,671
0
14
A project which sorts your players according to the number assigned to them by highest to lowest. You can clear to reset everything back. Created using containers and variables. Can be used to make sure everyone's turn in the game is mapped out correctly.

72038296-9b82-11f0 ad7f-0e3ec7c5f8cf

Website Template

4,102
0
75
A website template with multilevel dropdown menus and scrolling area.

469c1b7e-504e-11ed 9221-0e76797a4f7b

Book App Design

3,277
0
Design Credits: https://www.sketchappsources.com/free-source/2513-simple-book-app-design-sketch-freebie-resource.html

1f83aed2-504d-11ed 9221-0e76797a4f7b

Search Field Animations

3,113
0
51
Here are 2 different search field animations: 1. Tap to expand size of search field to the right.; 2. Tap to reveal search area underline to the left TAGS: search search box search field animation states

Todd Siegel

Trello's draggable list demo

5,107
5
Hi I tried imitating the Trello's interaction to move tiles/cards between different lists.

51a9fd0d-504e-11ed 9221-0e76797a4f7b

Next