Skip Navigation

[Resolved] Form editor doesn’t allow to place form blocks side by side

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

Problem:
The user would like to build the form as a grid and place fields side by side.

Solution:
The forms grid is based on Toolset. It requires to load bootstrap files from Toolset->Settings.

This support ticket is created 4 years, 7 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
9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 - - 9:00 – 13:00
14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 - - 14:00 – 18:00

Supporter timezone: Africa/Casablanca (GMT+01:00)

This topic contains 4 replies, has 2 voices.

Last updated by Tomer Helzer 4 years, 7 months ago.

Assisted by: Jamal.

Author
Posts
#1887961
screenshot of form editor.png

Hi Toolset,

I followed the Toolset Document course to create my forms, but I think there's a bug in the Form Editor. I'm trying to place form blocks side by side, but the editor doesn't allow it. Instead, it only allows to place blocks vertically, one after the other. I figured this had something to do with a bug, because the yellow borders that appear when moving blocks don't show up at the sides either.

I've attached an image where I'm dragging a block around, but only vertical areas appear to place the block.

#1888069

Hello and thank you for contacting the Toolset support.

I tried in my local installation and it worked. We need to drag the field to the right or left of another field. Check this screenshot hidden link
And here the result hidden link

If that does not work for you, please check if this issue appears when:
- Only Toolset plugins are activated. It will tell us if there is an interaction issue with another plugin.
- The theme is set to a WordPress default like Twenty-Twenty. It will tell us if there is an interaction issue with your theme.
If the problem disappears, start activating one at a time to track where the incompatibility is produced.

If that does not help, we'll need to take a copy of your website and check it further locally. We prefer Duplicator copies. Please use the filters to exclude the uploads folder to reduce the size of the copy. Or allow us access and we'll take it. Your next reply will be private to let you share credentials safely or download links safely.

#1888093

Hi again,

I've tried what you specified, but the problem still exists. I've attached a link that contains the duplicator files through google drive:
hidden link

Thanks for the help,
-Tom

#1889657

Hello Tom,

I was able to reproduce the issue locally with a copy of your website. It turns out, that Toolset Forms will need Bootstrap 3 or 4, in order to let you build the form in a grid.

Go to Toolset->Settings->General(tab)->Bootstrap loading and choose one of Bootstrap version. Then try to edit the form and you will be able to drag/drop fields in the same row.
hidden link

I hope this helps. Let me know if you have any questions.

#1891935

My issue is resolved now. Thank you!