[panoskosmidisParticipant]

Hello, I try to use GF’s Ready Classes in order to make a 3 column form but instead I get this:

Each column is starting at the bottom of next column.

My base is Integrity 1.

The fields I used in GF form are the following with that order:

1. Name Field from Advanced Fields
2. Email Field from Advanced Fields
3. Single Line Field (Company / Organization) from Standard Fields
4. Phone Field from Advanced Fields
5. Address Field from Advanced Fields
6, Single Line Field (Untitled) from Standard Fields
7. Multi Select Field (Areas of Interest) from Standard Fields with “Enable enhanced user interface” checked
8. Paragraph Text Field (Message) from Standard Fields

The Custom Css Class field for each field are the following:
For fields 1, 2, 3, 4 the class “gf_left_third” is used, for fields 5 and 6 the class “gf_middle_third” is used, for the fields 7 and 8 the class “gf_right_third” is used.

The form is added as a row in “Get in Touch” section just above the google maps section (not sure if this matters)

I tried to explain as much as possible since it is a local development.

Thanks a lot in advance

[panoskosmidisParticipant]

Ok, some times you realize that you need some rest…

First of all this has nothing to do with X after all, second…

To align three fields side by side (3 equal columns) you can add these classes. The three fields have to be adjacent to each other in the Form Builder. The gf_left_third class has to be added to the first field, the gf_middle_third class to the second field and the gf_right_third class to the third field.

Sorry for the inconvenience

[FriechModerator]

Glad you sorted things out and thank you for letting us know.

Cheers!

[Author]

Posts