Divide Front End Forms into Sections with Titles

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

Problem:

How to format and style the Toolset post form with HTML codes?

Solution:

You can switch to "Expert mode", and format and style your post forms manually

Relevant Documentation:

This support ticket is created 2 years, 9 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 1.54 hours from now. Thank you for your understanding.

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: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by chrisO-12 2 years, 9 months ago.

Assisted by: Luo Yang.

Author

Posts

February 7, 2022 at 12:29 am #2285303

chrisO-12

Tell us what you are trying to do?
Forms have been created for front end data entry by users. How do I divide the form into sections with titles, and then have certain fields in the section?

For Example:

Contact Information (This would be section heading)
Name:
Address:
City:
State:
Zip Code:

Business Information (This would be a second section heading)
Field1:
Field2:

There may be several other sections on the front end form with fields under the section heading.

Here is a sample that I created on a live site using Gravity Forms - hidden link

What is the link to your site?
Staging site under development - hidden link

Thank you!

February 7, 2022 at 7:06 am #2285467

Luo Yang

Hello,

I have tried the "live site" you mentioned above, but don't see any form, please take a screenshot for what you are going to achieve.
In Toolset post forms with the default visual editor mode, you can add the heading text with HTML code, for example:
Edit your post form, add a "HTML content" element, setup the heading text with HTML codes, like this:

<h3>Contact Information</h3>

See my screenshot html-content.JPG

You can also switch to "Expert mode", and format and style your post posts manually

February 7, 2022 at 2:20 pm #2285809

chrisO-12

My issue is resolved now. Thank you for the prompt reply!

I did not see details in the Toolset documentation for using the HTML field or the Expert Mode - possible that I missed it. If not there, I suggest adding it, as this is a nice feature.

Thank you!