Get the position of a scrolling container

4,039
2
114
If you need to get the Y position of a vertically scrolling container, create a text box. Then on the container scroll trigger, set a variable that evaluates the numerical callback value from the event (Y position). Then add a callback that changes the text property of the text box by reading from the variable.

Todd Siegel

iPhone 5S Dial Pad

3,917
2
107
This is an interactive dial pad, created with proto.io. Development & original idea: https://spaces.proto.io/akisioannou Graphic design: George Prentzas

f4ff2085-9250-11ed 9221-0e76797a4f7b

Hover to play sound

1,899
0
10
Using variables and conditional interactions to create a way to track how long you have hovered over a component and execute a sound once 5 seconds of hovering has been completed.

1866935c-504d-11ed 9221-0e76797a4f7b

auto-complete search

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

Sign up - Sign in

6,297
6
485
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Constantinos Thoma

Panning animations

5,632
0
61
This is a prototype that demonstrates you some of the capabilities of Proto.io. You are welcome to import this project and use these interactions in your prototypes. In this prototype you will see panning animations in all directions.

f4ff2085-9250-11ed 9221-0e76797a4f7b

P3 Final submission Sorin West 11-18-2024

346
0
0
This is my submission for a class project to make a prototype of an Interactive platform to learn and preform the SQ3R reading and note taking method. This version is liable to be updated in the future to implement further features if I am able to complete more important parts of the project submission that are not a part of this upload before the deadline Wednesday. A big thank you to the proto.io support hub team for answering my questions I had working with the platform for the first time (shout out to Andria Aristodemou and Akis Loannou). As well as thank you to John Lewis whose project on editing lists inspired my implementation of note taking.

Sorin W

Next