After creating the a form using Chronoforms, you click on the Link to preview the form, you may notice that the text fields are not properly align. Instead the textfield always align next to the label.

See image below when the text field does not align properly.

You could do one of the following two things to fix it:

1. Open up the desire form under Forms Management.

2. Then select the General tab.

3. Go to Core/View Form Settings and ensure Load Chronoforms CSS/JS Files? drop down list is set to Yes.

4. Cick on Save.

Modify HTML Code

If the above method does not work you could try to modify the form HTML. If you don't have any HTML experience, you may find this a bit challenging, but if you're determine enough you will be right.

1. Open up the desire form under Forms Management.

2. Then select the Form Code tab.

3. Under the section Main onLoad/View Code, go to Form HTML, then look for the label tag, and insert the extra HTML:

display:block; float:left.

Do this for each of the text field. See example image below.

4. Click on the Save button on the top of the screen.

Did you like this tip?

• Add New
• Search

Comments (1)

• |178.208.218.xxx |2012-04-28 23:28:10 michael  - thank you
  I found this usefull

Write comment

Your Contact Details:

Name:

Email: do not notifynotify

Website:

Comment:

Title:

Message:

Security

Please input the anti-spam code that you can read in the image.

"