front-end form editor - two fields cannot share same row, side-by-side

This thread is resolved. Here is a description of the problem and solution.

Problem: I am unable to position elements side-by-side in the form builder. I cannot get column-based layouts to work correctly.

Solution: Activate Bootstrap 3 or Bootstrap 4 in Toolset > Settings > General to load the positioning requirements for column-based layouts in the Form builder.

This support ticket is created 3 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by trishaT 3 years, 8 months ago.

Assisted by: Christian Cox.

Author

Posts

April 4, 2021 at 7:10 pm #2010067

trishaT

I am trying to: create my front end form.

Link to a page where the issue can be seen: It's not public yet - I'm still working in the form.

I expected to see: In watching the video to learn how to edit front end submission forms (minute: 3:34) it shows the ability to drag some fields so they can go side-by-side with other fields. In my form editor, I can drag and drop between lines, but I cannot drag one field to be next to another one.

Instead, I got: no change - no fields will go side-by-side to another field.

April 4, 2021 at 9:02 pm #2010099

Christian Cox

Hello, if you enable Bootstrap 4 in Toolset > Settings > General, are you able to position the fields side-by-side as expected?

April 5, 2021 at 5:44 pm #2011109

trishaT

My issue is resolved now. Thank you!