Custom display for Post Form

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

Problem: I would like to place multiple fields on the same row in a Form

Solution: Use the drag-and-drop builder to drag fields beside one another. If drag-and-drop does not allow his behavior, enable the Bootstrap library in Toolset > Settings > General.

This support ticket is created 3 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.

Our next available supporter will start replying to tickets in about 8.59 hours from now. Thank you for your understanding.

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 MarkoL8163 3 years, 7 months ago.

Assisted by: Christian Cox.

Author

Posts

April 21, 2021 at 8:49 pm #2028961

MarkoL8163

I have created form for editing post, how can I modify form displaying row ? I need to put 2 or 3 input field in one row.

April 21, 2021 at 9:01 pm #2028975

Christian Cox

Hello, if you're using the standard Form builder (not expert mode) to create the Form, you should be able to use drag and drop to drag one field beside another field in the same row. See the video in our blog post here:
https://toolset.com/2019/02/forms-2-3-and-views-2-7-3/

If you are unable to use drag and drop to accomplish this, you may need to enable the Bootstrap library for your site. You can do that by going to Toolset > Settings > General tab. There is a section where you can manage Bootstrap settings. You can choose to let Toolset include Bootstrap 3 or Bootstrap 4. Enabling either one should allow you to use the drag-and-drop feature in the standard Form builder to move several inputs into the same row.

If you are using the expert Form builder, you must create a grid structure using HTML and CSS. If you turn on one of the Bootstrap libraries as I mentioned, you can use the Bootstrap grid system in your markup to achieve rows and columns. Let me know if you have trouble implementing drag-and-drop or if you have questions about using Bootstrap.

April 22, 2021 at 6:28 pm #2030155

MarkoL8163

My issue is resolved now. Thank you!