Adding form elements

- The Ratchet framework also has a nice collection…of mobile friendly form elements.…Let's use them in creating a session survey screen.…With a brief look over at the editor,…let me show you the survey.html file.…It's a basic HTML file, has the ratchet framework…pulled in, I've added a few custom styles,…one for that ratings component, one for a send…survey button, and also the session title.…As you can see, pretty much nothing in the content.…This is what we're going to be working with; we're…going to build a very basic session survey page.…

In an actual application, both the session title…and speaker name would be programatically set.…But, for our prototype, we'll leave these…as placeholder of session name, and speaker name.…Let's go ahead inside that form element…and add our first survey question.…And that question will be,…"How would you rate this session?"…Let's go ahead and add a label tag,…and "How would you rate this session?"…Nothing out of the ordinary there.…

Ratchet does not have a rating star component.…

Resume Transcript Auto-Scroll

Author

Released

10/27/2014

Ratchet is a fantastic framework for prototyping mobile apps. Ratchet prototypes look and act just like native iOS and Android apps, but they're programmed with languages familiar to almost all web designers and developers: HTML, CSS, and JavaScript. Join Chris Griffith in this course, as he shows how to configure your development environment to work with Ratchet, and build your first app prototype, from creating the initial screen and adding transitions between pages, with Push.js, to using Ratchet's iOS and Android built-in themes, which make your app immediately look at home on either platform.