Please Note: We are no longer using forums to facilitate standard support. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Form Sections

  1. 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.

    Posted 5 years ago on Friday September 4, 2009 | Permalink
  2. 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.

    Posted 5 years ago on Friday September 4, 2009 | Permalink
  3. 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.

    Posted 5 years ago on Monday September 7, 2009 | Permalink
  4. aimering
    Member

    Bump. This is a functionality that I am most looking forward to. I'm planning on using Gravity Forms as an application system as well.

    Posted 5 years ago on Tuesday September 29, 2009 | Permalink
  5. I just posted my feature request about a wizard type of form, with a suggestion on how to achieve it.. see my request

    Posted 5 years ago on Tuesday September 29, 2009 | Permalink
  6. 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.

    Posted 5 years ago on Tuesday September 29, 2009 | Permalink
  7. Keep us posted! can't wait :-)

    Posted 5 years ago on Tuesday September 29, 2009 | Permalink
  8. 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.

    Posted 5 years ago on Wednesday September 30, 2009 | Permalink
  9. 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.

    Posted 5 years ago on Thursday October 8, 2009 | Permalink
  10. 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.

    Posted 5 years ago on Thursday October 8, 2009 | Permalink
  11. 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?

    Posted 5 years ago on Tuesday October 13, 2009 | Permalink
  12. 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.

    Posted 5 years ago on Tuesday October 13, 2009 | Permalink
  13. 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..

    Posted 5 years ago on Thursday October 15, 2009 | Permalink
  14. 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.

    Posted 5 years ago on Thursday October 15, 2009 | Permalink
  15. Fluid
    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!

    Posted 5 years ago on Wednesday November 4, 2009 | Permalink
  16. 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 !!

    Posted 5 years ago on Monday November 16, 2009 | Permalink
  17. 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...

    Posted 5 years ago on Friday June 11, 2010 | Permalink
  18. 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

    Posted 5 years ago on Friday June 11, 2010 | Permalink
  19. 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

    Posted 4 years ago on Saturday July 17, 2010 | Permalink
  20. 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

    Posted 4 years ago on Tuesday September 28, 2010 | Permalink
  21. 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.

    Posted 4 years ago on Tuesday September 28, 2010 | Permalink
  22. 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.

    Posted 4 years ago on Tuesday September 28, 2010 | Permalink
  23. 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]

    Posted 4 years ago on Tuesday September 28, 2010 | Permalink
  24. 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.

    admin screenshot

    Save the settings, then refresh your form. You can see my quick test below.

    test screenshot

    or

    test screenshot 2

    That should save a little space for you. Hope it helps.

    Posted 4 years ago on Tuesday September 28, 2010 | Permalink
  25. Kevin, thanks for the tips about the horizontal layout - useful for a CSS newbie!

    For those of you who don't know, Gravity Forms 1.5 has already been released and the multi-page features are awesome.

    Posted 4 years ago on Monday April 11, 2011 | Permalink

 

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only