sentmessenger
Member
I think it would be nice to have multi-part forms and sub-headings over sections. We would like to use Gravity Forms for an online application but it would look like a "sea of endless fields" without the ability to put subheadings or lines in there to break up the look some.
The ability to apply internal borders to the sections would be wonderful as well.
While it can't currently do multi-page forms, it does have the ability to have headings above sections of your form. There is a field called "Section Break" under the Standard Fields in the editor.
This adds an element to your form that has a title and description and can be used to group your fields into sections.
Multi-page forms is a feature we plan on adding in the future.
camber
Member
Yes, it would be great to be able to split the form into sections, which output either as <fieldset> or <div> tags. Then it would be really easily to use jQuery or something to show/hide sections of a form depending on user input.
I just posted my feature request about a wizard type of form, with a suggestion on how to achieve it.. see my request
We do have plans on introducing multi-page form capabilities in a future release. We already know how we plan on implementing it, and it will allow you to easily create multi-page forms by inserting page breaks into your form. I don't have a date or timetable for when this will be available, but it is part of our future plans.
aimering
Member
Thanks Carl, for your timely and helpful reply.
My thanks also go to Taeke. Your solution looks fantastic!
Also, I'm not sure if it's a complicated operation, but it would be amazing to have a "save" function when filling out a long form with several sections (like in an application system). Users thus may work on the form in multiple sittings.
ryancp
Member
Just having sections broken out into divs with a class and specific IDs would be all I need for now.
Is there anyway to get this implemented quickly? It's for a client site that would like to style forms in a horizontal fashion, rather than having them go on vertically down the page.
Currently the forms are structured in an unordered list. All of the list elements have unique id's and can be targeted and manipulated with a little creative CSS.
For example, I literally spent about 5 minutes on my test installation (with a default Gravity Forms install) and was able to put together a simple, horizontal form layout. Here's a screen capture.
http://dl.getdropbox.com/u/688846/gravityhelp/horizontal-form-test.png
after just a few minutes more styling..
http://dl.getdropbox.com/u/688846/gravityhelp/horizontal-form-test2.png
Of course, if you want a really complex layout, depending on your CSS skills, it's probably going to take a while longer but it's still achievable.
ryancp
Member
Hi Kevin, thanks for the tips. I have done this, and it works, sort of.
It's not consistent between browsers though as I am working with lots of form fields and it gets pretty messy.
This is not the ideal solution, and shouldn't have to be like this.
Gravity Forms devs, any word on if you all will allow for divs around sections soon?
Ryan,
I haven't noticed any unusual browser inconsistencies with formatting.. of course every browser takes some tweaks here and there but it just comes down to some additional effort.
I am one of the rocketgenius partners/Gravity Forms developers btw, and we have talked about some advanced formatting options to include in the future, but it won't be any time really soon.
If gravity forms was able to do the section headers as "legend" elements within a fieldset, then this plugin could be used to very quickly create a multipaged form:
http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx
awesome plugin..
Mark, I had seen this earlier but haven't looked at it closely. Thanks for the idea and for posting the link. We'll check it out.
Alex Smith
Member
Definitely looking forward to multi paged forms as well and agree that the jquery plugin mentioned and linked by Taeke and markbloomfield would be an extremely slick compliment to Gravity Forms.
Thanks for all of the great features and hard work so far!
I just want to add my "vote" to wanting "multi paged forms". Without even sitting down I can think of two or three applications in our business.
and again, THANK YOU !!
Any update on adding "multi paged forms"? Or Feildset/Div groupings which are different I beleive...
I've got a long, ugly form that could benefit from grouping. I've put a lot of conditionals to hide and reveal parts to make it usable, but boy would grouping help...
It's still on the feature list but won't be out for a while yet. We're finishing up another new WordPress project, and once that's released, you'll see some other new features added to Gravity Forms.
A a few folks have used jQuery to split up the forms into multiple pages with pretty good success. You might want to give it a try.
http://forum.gravityhelp.com/topic/wizard-plugin-for-gravity-forms#post-6191
Groupings is probably the only feature I'm used to having with other plugins that Gravity Forms doesn't have. Groupings make it easy to style big forms into shorter layouts with less scrolling. Here is a simple layout that could be achieved with some simple css if only I was able to group the fields the way I want to: http://twitpic.com/269iue
I am making my first form. I want to use the page horizontally. Can I, at least, make the choices in a list, spread out horizontally?
Here is my form - it's too long. Any help welcomed.
http://www.casadekathy.com/contact-2/
Kathy
You would have to use CSS to float the fields side by side. This is discussed in numerous posts on the discussion forum and you can find one of them here:
http://forum.gravityhelp.com/topic/data-fields-in-same-row
This takes CSS knowledge to use styles to position the fields side by side. If you don't have good hands on knowledge of CSS then you will probably run into problems implementing this type of customization.
Thanks. I may look for help on the CSS later. Another question: Can I eliminate the title of the form - it takes up vertical space.
Yes, you choose to display the Form Title (or not) as part of the command to embed a form.
See here:
http://www.gravityhelp.com/documentation/embedding-a-form/
The shortcode looks like this:
[gravityform id=2 title=false description=false]
If you want to float your checkbox/multiple choice fields into columns, here's quick way to do it. This works just on those fields btw.
Open up the form admin, navigate to your checkbox/multiple choice (radio) fields, click on the advanced tab and input one of these class names in the "CSS class name" field there.
gf_2col, gf_3col or gf_4col
That's 2 column, 3 column or 4 column layouts.
Save the settings, then refresh your form. You can see my quick test below.
or
That should save a little space for you. Hope it helps.
