zillaForm module for Drupal

zillaForm is a jQuery powered plugin to wrap form elements in divs that can be styled. It also provide inner label functionality. With the Drupal module you can customize which form elements can be transformed (text, select, radios etc) and which elements should be excluded (by id, class, or any other jQuery selector).

How it works

It is very easy to style text elements. The only thing you need is two images: the left cap (1) and the right sliding door (2). In addition, you can add a third image (3) to let the user know that this field is required.

The second thing to do is to duplicate those images and create the "error" ones just below the regular design. The CSS will move the background-position to bottom when in error.

Here is the final result:

Left Cap (text-left.png)	Right sliding door (text-right.png)

Download

You can download the Drupal module from here.