PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. 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.

Arranging Blocks of form content

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Anonymous
    Unregistered

    Currently, Gravity forms spits out the form as an unordered list with an ID of gform_fields_1. I would like to have the ability to position different form "sections" in different areas of the page. This is similar to how Page Breaks work, but instead of each section only being shown at once (the others hidden), I want them all to show, in their own set of unordered lists. Technically I can style them just the way they are based on their list item class, but it would be better if I culd just move the sections based on an ID. Is this possible?

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  2. David Peralty

    We do have a section break field type, not sure if it will output the code you want to hook into for styling the different areas.

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  3. Anonymous
    Unregistered

    The section break just adds another list item, and does not break up the fields into groups / fieldsets / divs / new unordered lists.

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  4. David Peralty

    You could use the HTML field to end the list and start a new list.

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  5. Anonymous
    Unregistered

    I tried that as well. If I add an HTML field and simply type in <div class="section">, it will automatically close out the div tag, rendering it useless. Even if I added another HTML block at the end of the section that contains </div>, the original div is still closed out immediately with a closing </div>. Thoughts? I just bought the developer license thinking this would have to be an included feature....

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  6. David Peralty

    If you add in an HTML field and add

    </li></ul><div class='listtwo'><ul><li>

    It should work as expected.

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  7. Anonymous
    Unregistered

    Yes this does work, not sure why I was getting closing divs before. Thanks!

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  8. Anonymous
    Unregistered

    Actually, the problem still exists. It works; however, if I want to add a div BEFORE any form elements, it closes it off automatically. It works great to close off div tags and start another , but NOT when the HTML block is the first form field. It is nice to be able to style .listtwo and .listthree, but I cannot add a div class of .listone

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  9. David Peralty

    You might not be able to give it a different class, but it should already exist and have a class you can apply styles to. So instead of having a list open and then close and another list open right away, why not style the list we create by default?

    Posted 13 years ago on Thursday November 22, 2012 | Permalink

  10. Anonymous
    Unregistered

    I just wanted to keep it consistent. I found a workaround, by closing out the ul in the first html block like so: <div class="listone">

      Posted 13 years ago on Thursday November 22, 2012 | Permalink