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.

Complex Form - Not sure the best method

  1. We have a pretty complicated form that has unique styles and formatting in order to make it flexible and responsive. I am a bit lost as to the best method for duplicating the form with Gravity Forms. Any direction would be great appreciated..


    <form action="#" class="contact-form">
    <fieldset>
    <div class="columns">
    <div class="column">
    <label for="pack1">First Name</label>
    <span class="text-input"><input id="pack1" class="text" type="text" /></span>
    <label for="pack2">Last Name</label>
    <span class="text-input"><input id="pack2" class="text" type="text" /></span>
    <label for="pack3">Email Address</label>
    <span class="text-input"><input id="pack3" class="text" type="text" /></span>
    <div class="mini">
    <label for="pack20">Subject</label>
    <div class="select-wrap">
    <select name="#" id="pack20">
    <option>Schedule a Demo</option>
    <option>Schedule a Demo</option>
    <option>Schedule a Demo</option>
    </select>
    </div>
    </div>
    </div>
    <div class="column">
    <label for="pack4">Title</label>
    <span class="text-input"><input id="pack4" class="text" type="text" /></span>
    <label for="pack5">Phone Number</label>
    <span class="text-input"><input id="pack5" class="text" type="text" /></span>
    <label for="pack6">Organization Name</label>
    <span class="text-input"><input id="pack6" class="text" type="text" /></span>
    <label for="pack7">Select Your Country</label>
    <div class="select-wrap">
    <select name="#" id="pack7">
    <option>U.S.A.</option>
    <option>U.S.A.</option>
    <option>U.S.A.</option>
    </select>
    </div>
    </div>
    <div class="column column-last">
    <label for="pack8">Subject</label>
    <div class="select-wrap">
    <select name="#" id="pack8">
    <option>Schedule a Demo</option>
    <option>Schedule a Demo</option>
    <option>Schedule a Demo</option>
    </select>
    </div>
    <label for="pack10">Message</label>
    <div class="textarea">
    <textarea id="pack10" cols="30" rows="5"></textarea>
    </div>
    </div>
    </div>
    <div class="cover">
    <label for="pack21">Message</label>
    <div class="textarea">
    <textarea id="pack21" cols="30" rows="5"></textarea>
    </div>
    </div>
    <div class="btn-holder">
    <input type="submit" value="SUBMIT INQUIRY" title="SUBMIT INQUIRY" class="submit gradient" />
    </div>
    </fieldset>
    </form>

    Posted 12 years ago on Thursday June 14, 2012 | Permalink
  2. David Peralty

    I don't see anything too complex here. You could easily use the standard Gravity Forms fields for most of the data collection. Some single input, some dropdowns, and a paragraph text. I am not sure where your complexity lies in the code snippet you posted. Could you give me more information on the issue you are having?

    Posted 12 years ago on Thursday June 14, 2012 | Permalink