Super simple - Showing how to display from a form

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.

A simulation of a shopping cart project. Add remove products to a pre-set shopping cart (Use of variables and States)

show animaition (tap&scroll)

3 different counters using variables 1. A standard counter 2. A counter from the number of seconds the user sets 3. A countdown

A basic mockup of a sign-up/sign in screens along with a 2-way authentication of a uniquely generated code each time.

The SmartHome prototype is a high fidelity prototype that was build by using mostly components, graphics and animations from Proto.io Please go ahead an try it out. Prepare a hot cappuccino for yourself or even better arm your home alarm directly through the SmartHome app. Control all your smart devices fast, easy and reliably through the app! Includes: Multiple containers, states and states transitions, on screen interactions, on state enter interactions and much more. Multiple proto.io animations Bodymovin animations Battery level for the coffeemaker is dynamic by getting the minutes of the current time and updating the battery level percentage. A couple of variables In overall, this is a great project for users that want to expand their proto.io knowledge and move to medium and high fidelity prototyping. Feel free to import!

Extremly simple demo of Infopalette. Once you switch your device to landscape mode, it shows the infopalette name. The I has a blue dot on top of it. Move this blue dot to the spot where you want to make your statement. The blue dot is a work around for proto.io, it won't be in the software demo. Once you lift your finger from the screen, the three text field for entering your statement will be shown. You can enter the subject, predicate and object (a statement). When all three text fields contain at least one character, an "opslag" field will be shown at the bottom of the screen. This is just to give you a visual to tell you the statement is stored, in the demo this "opslag" field will be removed.