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.

Can I create a form that looks substantially like this?

  1. I purchased the form software hoping this will work.

    I want to create a form that looks as much as possible like the registration form at http://www.gamestogrades.com/wp-content/uploads/Games%20to%20Grades%20Program%20Registration.pdf.

    Could someone please point me in the right direction? I'm not seeing where I can make layout changes, for instance, so that the 3 phone number fields can be on the same line.

    Thank you.

    Daniel

    Posted 12 years ago on Friday December 2, 2011 | Permalink
  2. Hey Daniel, this should help you out:

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 12 years ago on Friday December 2, 2011 | Permalink
  3. Excellent. Thank you very much. I will try applying some of these styles and see where I get.

    gf_inline is the one that looks the most useful for me. How do I group multiple fields to use gf_inline though? What I mean is, if I want Name/DoB/Grade to be gf_inline on the first line, and then I want Address/City/State/Zip to be gf_inline on the next line, and Parent Name/Email gf_inline on the 3rd line, how do I tell it that?

    Daniel

    Posted 12 years ago on Friday December 2, 2011 | Permalink
  4. And is there a way to do a Very Small text field, such as for a 2 letter state code?

    Posted 12 years ago on Friday December 2, 2011 | Permalink
  5. You should be able to use the gf_inline on City/State/Zip and then on Email. Worst case we can still figure it out even if you place the gf_inline on all fields. Anything is possible with CSS. We can also set a style on any field to control width individually.

    See here for a plethora of information:

    http://www.gravityhelp.com/documentation/page/Design_and_Layout

    Posted 12 years ago on Friday December 2, 2011 | Permalink
  6. I'm getting close. Here is where I am with it now: http://www.gamestogrades.com/games-to-grades-student-application/, if you can provide a bit more assistance.

    I want to get each grouping of 3 phone numbers on one line, and Parent/Email should be on one line, and Secondary Contact/Email should be on one line as well.

    I really appreciate the input. Usually I do read the documentation first. I am under the gun and under the weather, though and am relying on your kindness!

    And so far I'm very impressed with the product. I will be buying licenses to replace forms on some other wordpress blogs with this for sure.

    Posted 12 years ago on Friday December 2, 2011 | Permalink
  7. This should do the trick, place this into your theme's stylesheet:

    [css]
    #input_1_9, #input_1_10, #input_1_11, #input_1_12, #input_1_14, #input_1_15, #input_1_16, #input_1_17 {
    width: 100% !important;
    }
    Posted 12 years ago on Friday December 2, 2011 | Permalink
  8. That worked! Thanks :-)

    http://www.gamestogrades.com/games-to-grades-student-application/ is the almost final version. I really appreciate the assistance.

    Daniel

    Posted 12 years ago on Saturday December 3, 2011 | Permalink
  9. Awesome Daniel, glad to help. Hope you get to feeling better soon!

    Posted 12 years ago on Saturday December 3, 2011 | Permalink

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