This is one of the finest technique I found so far to theme webform form. In fact, it could be used for any form generated through Drupal FORM API.
For Example, I needed certain elements of the form to be on one line (horizontally placed), I could do something like below. This is just override function of "template_preprocess_webform_form" provided by webform module. Place this in your theme's template.php file.
function garland_preprocess_webform_form(&$vars) {
drupal_add_css(drupal_get_path('module', 'webform') . '/css/webform.css');
drupal_add_js(drupal_get_path('module', 'webform') . '/js/webform.js');
$vars['form']['submitted']['name']['#prefix'] = '<table border="0"><tbody style="border: 0px;"><tr><td>';
$vars['form']['submitted']['name']['#suffix'] = '</td>';
$vars['form']['submitted']['phone']['#prefix'] = '<td>';
$vars['form']['submitted']['phone']['#suffix'] = '</td>';
$vars['form']['submitted']['city']['#prefix'] = '<td>';
$vars['form']['submitted']['city']['#suffix'] = '</td></tr></tbody></table>';
if (isset($vars['form']['details']['nid']['#value'])) {
$vars['nid'] = $vars['form']['details']['nid']['#value'];
}
elseif (isset($vars['form']['submission']['#value'])) {
$vars['nid'] = $vars['form']['submission']['#value']->nid;
}
}That's it! You could do almost anything you want with this technique!
| 用户 | 水滴数 |
|---|---|
| 东方龙马 | 334 |
| mark | 45 |
| maramail | 39 |
| akon | 37 |
| lugir | 28 |
| xiaopeng | 23 |
| mlmp | 21 |
| HiLoveS | 19 |
| sonomama | 16 |
| 希 ..... | 15 |
