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.

Custom Form Elements -

  1. I am a bit confused on how to approach a layout similar to the html below. Switching to li rather than div is fine, but the challenge added unique html blocks around specific fields,

    Tips and any help would be greatly appreciated!

    <form action="#" class="contacts-form">
      <fieldset>
        <div class="column">
          <h3>Your information</h3>
          <div class="row">
            <div class="text-holder">
              <label>First Name</label>
              <div class="text">
                <input type="text" />
              </div>
            </div>
    
            <div class="text-holder">
              <label>Last Name</label>
              <div class="text">
                <input type="text" />
              </div>
            </div>
          </div>
          <div class="row">
            <div class="text-holder">
              <label>Email</label>
              <div class="text">
                <input type="text"  />
              </div>
            </div>
            <div class="text-holder">
              <label>Phone</label>
              <div class="text">
                <input type="text" />
              </div>
            </div>
          </div>
          <label>Company</label>
          <div class="text">
            <input type="text" />
          </div>
        </div>
        <div class="column">
          <h3>how can we  help you?</h3>
          <label>Company</label>
          <div class="textarea">
            <textarea rows="5" cols="30"></textarea>
          </div>
          <div class="btn-holder">
            <input class="btn-submit" type="submit" value="submit" />
          </div>
        </div>
      </fieldset>
    </form>
    Posted 11 years ago on Wednesday August 15, 2012 | Permalink
  2. Do you have a link to this somewhere, so I can visually look at what you are trying to achieve?

    Posted 11 years ago on Wednesday August 15, 2012 | Permalink
  3. Thanks Rob!

    Here is the link to the static form: http://alturl.com/xx28h

    Posted 11 years ago on Wednesday August 15, 2012 | Permalink
  4. You may be able to use some ready classes for some of this:
    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    However, it's probably easier and quicker to just write some CSS. Each LI has it's own ID so you can easily target them independently, that textarea field for example - you should be able to just float that to the right. Are you experienced with CSS?

    Posted 11 years ago on Thursday August 16, 2012 | Permalink
  5. I think as an "Advanced" forms plugin Fieldsets are an absolute must. So many problems would be solved if this simple and integral part of forms were built into the Gravity Forms functionality.

    Is there any plan to add this?

    Posted 11 years ago on Tuesday October 2, 2012 | Permalink
  6. We have discussed it several times, but it is very complex to pull it off given all the moving pieces in Gravity Forms. It is something we would like to support, but we don't have any concrete plans for that feature yet.

    Posted 11 years ago on Wednesday October 3, 2012 | Permalink

This topic has been resolved and has been closed to new replies.