PDF: Conditional logics in forms and navigation in Framer

How would you prototype conditional logics in form design? I received this question and decided to create another episode of PDF. In fact, what's needed isn't really form-specific. As long as you need to deal with data in a if-this-then-that matter, what's included in this webinar should be useful. Also, along the way, I made some pleasant discovery about some nice new APIs and wanted to share with you! (Hint: it's about navigation)

Check out this prototype (https://framer.com/share/Conditional-.... It includes the following conditional logics:
- The options in the "Product Name" picker changes according to the selection in the "Category" picker
- The "Validate" button is only enabled when the form is considered complete
- An error is shown if "Licence Start Date" is later than "License End Date". Otherwise, the "Submitted" screen will show up.

The webinar would include:
- The new useNavigation hook (navigate from code)
- Transition between canvas UI
- Connecting canvas items with overrides and the Data API
- Data validation (if form is complete, enable the button etc.)
- An emulated iOS Picker and Date Picker
- Use the data collected from a Picker to feed another Picker

• #science_technology
• #responsive_design
• #framer
• #web
• #prototyping
• #design