Four Kitchens

How to Build Beautiful, Dynamic Forms in Drupal 7

by Four Kitchens

Forms aren’t just for harvesting information, they’re opportunities to build serious karma with your audience and set the right atmosphere on your site. In this session, I talk you through some principles that will help you deliver the warm fuzzies without getting in the way of a form’s essential purpose, and we’ll cover in detail how to implement several common form enhancements like in-field labels, conditional input display and on-focus style changes, among several others.

While we will be talking through PHP code, illustrating CSS styles and demonstrating some fun jQuery, feel free to attend just for the ideas. If you’re a developer, you may have some ah-ha moments when we walk through how to use a CSS preprocessor and the #states attribute, and non-developers will likely gain some insight into a range of possibilities for form enhancement that they might never have heard of.

We’ll be using a default Drupal 7 installation for the demonstration, so you can bring your laptop with a clean installation of Drupal if you’d like to follow along. We’ll also be supplying a link to a download for all the code we use at the beginning of the demonstration.