A beautifully animated Slide in Menu created exclusively with Proto.io. Feel free to import this fully editable project into your own account for use in your prototypes.

A website template with multilevel dropdown menus and scrolling area.

Creation of Map screens using: (1) Map Image Container (2) Google Maps Embed Code.

A simple to do list project. Input into the text field and click 'Add' to add to your list. You can clear things you have done and reset the list after 8 inputs have been added.

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.

Apply color adjustments and filters to your prototypes to create beautiful interactions and animations. https://proto.io/en/new-features/adjustments-filters/

3 prototypes showing different uses of the form components for iOS 1) Activate / de-activate button when checking / un-checking Terms of Service 2) Capture text input to change property 3) Change number of tickets - limit 8 See how they were created step-by-step in the Using Forms webinar video: https://vimeo.com/118919393 This version on Vimeo includes time-codes so you can jump to particular sub-sections (repeated below as a preview): > Range of iOS form input controls 2:02 > Labels 2:17 > Text fields 2:32 > Setting placeholder text 3:04 > 5 Input Types that display the appropriate iOS keyboard (Text, Numeric, Email, Password, Telephone) 3:30 > Using the Telephone keyboard for credit card number input (large # keys) 4:08 > Need to view prototype on device in order to see the range of keyboards 5:59 > Multi-line text area input field 6:24 > Search Bar 6:40 > Checkbox control customization 7:22 > On/Off Switch control customization 7:52 > Slider control customization 9:27 > Increasing size of slider handle 9:47 > Picker Wheel Customization 10:00 > Prototype example: Activate button when checking terms of service 10:42 > Create a button with two states (using convert to container) 12:55 > Adding interactions to a checkbox control (on change activation/deactivation) 14:45 > Definition of variable and range of uses 17:04 > Using variables with text field interactions 18:25 > Prototype Example: Using a variable to capture text input and show it in a different text box using change property. 23:27 > Prototype: Use variables to increment and decrement counter showing number of tickets being purchased. 28:40 > Searching full range of icons built into Proto.io 29:10 > Using a variable to limit the range of tickets (0 to 8) 32:46 > Copying and pasting interactions with Variables 40:08