Variables Examples

34,307
44
2,622
The project contains numerous examples completed using variables and conditional logic.

Akis Ioannou

auto-complete search

4,438
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

Pop up examples

2,472
0
22
2 types of modals / popup examples

7e32ae9e-1fcb-11ee bd60-0e76797a4f7b

Animal species

4,765
2
138
I created this prototype of a wildlife photography app to experiment with horizontal and vertical scrolling interactions. What do you think?

Christos Chatzikkos

Hulu TV App Home Screen

4,118
1
4
Interactive TV app prototype of Hulu's home page. Use the arrow keys on your keyboard (note: mouse click to enable keys) or map to a remote control on a television screen to explore a Hulu like home screen with proto io. Note: Must click the canvas to enable key presses, this seems to be a common restriction with most prototyping tools when building key press focus interaction models.

Nino Silva

Sliding menus - Animation on screen

4,723
0
29
Sliding menu with animation on screen

Akis Ioannou

Simulation of automatic logout

5,400
2
91
This project simulates an automatic logout after 5 seconds of inactivity in the prototype.

Akis Ioannou