form into two columns

Greetings,

I built a form with the module typolight but is rather long.

There any chance you format in two columns?

Thank you

Quote:

---

Originally Posted by tecnomaster

I built a form with the module typolight but is rather long.
There any chance you format in two columns?

---

Hi tecnomaster,

There is a chance but in this case you need to play with some javascript and DOM manipulation. Of course if you know what I'm talking about. There's no other solution, I think.

ah ok,

I will try to do it ...

Thank you

Hi tecnomaster,

may be my workshop website gives you an idea how to do get your form in 2 columns:
http://www.tl-usertreffen.weitzeldesign ... altig.html

Guess from code you get the idea...?

Quote:

---

Originally Posted by planepix

Guess from code you get the idea...?

---

Ooops, so I was wrong! As I see there's other solution and more easier than javascript. ;)

Quote:

---

Originally Posted by planepix

Hi tecnomaster,

may be my workshop website gives you an idea how to do get your form in 2 columns:
http://www.tl-usertreffen.weitzeldesign ... altig.html

Guess from code you get the idea...?

---

Friend's exactly what I need,

But how can I achieve this?

Thank you

Hi tecnomaster,

make your form with the form designer.

Than add a html section before the first form element and write:

Code:

---

<div class="form_left_column">

---

Then some form element will follow, for e.g.:

name
surname
gender
city
zip

Then add another html section to close the div:

Code:

---

</div>

---

Then start the same for the right column by adding a html section:

Code:

---

<div class="form_right_column">

---

and add the next form elements like:

- telephone
- telefax
- email
- url

and close again with a html section:

Code:

---

</div>

---

The you need to write the css definitions (for e.g.):

Code:

---

#main .form_left_column {width:250px;height:140px;}
#main .form_right_column {width:250px;height:140px;top:-144px;left:350px;position:relative;float:left;}

---

You will need to adjust those values.

Thank you very much friend planepix,

It works perfect and with your permission I have translated your article to help our Spanish speaking community.

http://typolightspanish.com/index.php/topic,39.0.html

Thank you ;)

To Plainpix, Hi my name is Anthony, I have been attempting to use your advice to create two colomns in one of my forms, without any success? I am using Contao 2.9.5, I followed all of your steps but with no luck??

What could possibly be wrong

the result I get is, I can see the last HTML entry followed by my text area elements.