styling webform into 2 columns I am looking to style a webform that I have with the drupal webform module, but i am having a little bit of an issue. I would like to style the form into 2 columns and I am assuming the best way to go about this would be to throw the content into 2 div separate div tags. I have looked around and came across How do I theme a webform?.

I am using the following line in my file.

&lt;?php print drupal_render($form['submitted']['name']);`


Unfortunately, no matter what I try, I can't seem to get the new webform-form-nodeid.tpl.php to work. They say the file should be created as webform-form-36.tpl.php (where 36 is the node ID, in my case) and that I should put it in my custom theme directory. I have done this and had no luck. I have also tried placing it in the template directory for the webform module, but it didn't work.

Does anyone have any idea on how to help me?

I also found that Drupal 7 looks for two hyphens instead of one. I tried renaming the template file webform-form--36.tpl.php, but it didn't have any effect.

I was able to specify the specific node by changing the filename to node--36.tpl.php, but I still feel like there should be a way doing this with the webform name included. Does anyone have any idea?

Please note that I know I was using 36. I have since then changed to 102.
What I did for one of my client in order to get the webform in two columbns, was to create two "Fieldset", containing the fields for column 1 and column 2.

Then with css, I added to my webform this property :

.webform-component-fieldset {width:50%; float:left;}

Of course, there are other ways of doing it, like display:inline-block, and maybe you need to be more precise with the css so you don't mess up other webforms.

And if you don't want the title of the fieldsets, you can do a simple:

.webform-component-fieldset legend {display:none;}

I think that's the easiest way of doing it.