Skip Navigation

[Resolved] 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, 11 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: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

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

Assisted by: Luo Yang.

Author
Posts
#2285303

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!

#2285467
html-content.JPG

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

#2285809

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!