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.

Form not displaying right.

  1. Larsname
    Member

    I am using the css ready class for my form. They are displaying right in the preview but they are not displaying right on the page. I am using studiopress genesis framework with a mod of the sleek child theme. I looks like Gravity Forms is putting div block between gf_left... and gf_right... items.

    Link http://www.bigprintinc.com/new/main/attorder

    Can I get a little help?

    Posted 11 years ago on Monday July 11, 2011 | Permalink
  2. Well, since it's displaying properly in the preview page and not in your theme, that indicates it's a problem with your theme and not the default form styles. I poked around and found the source of your alignment issue.

    If you disable the margin properties on lines 1755 & 2960 of your theme's style.css file, you'll see that the default form styles work as intended.

    screenshot: http://bit.ly/paPdt8

    If you add extra margins/padding to the left & right sides of the containing list items, that' throws off the percentage width values that are assigned to them by default and you get the odd "stacking" floats that your seeing.

    Posted 11 years ago on Monday July 11, 2011 | Permalink
  3. Larsname
    Member

    Brilliant. Thanks for the quick response.

    I have 3 other questions.

    1. Where do I add more top margin to the gsections and take 20px or so from the right side of the horizontal line.

    2. I want to prefill the "System Generated Ship Date" to be 4 days into the future from the "Date" field on the top line of the form?

    3. Is there a built in Reset Form field button?

    Thanks

    Posted 11 years ago on Monday July 11, 2011 | Permalink
  4. 1. Where do I add more top margin to the gsections and take 20px or so from the right side of the horizontal line.

    You can find samples to target all of the form elements including the section containers with CSS here.

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Section_Break_Container

    2. I want to prefill the "System Generated Ship Date" to be 4 days into the future from the "Date" field on the top line of the form?

    You can add settings to set a future date to the jQuery UI datepicker element but you can't actually link the 2 date fields right now without writing some custom code to do so. We do plan on adding a date range field type in the future with some options but for now you'll have to do some customizations to pull it off

    http://www.gravityhelp.com/forums/topic/default-date-90-days-in-future#post-28133

    3. Is there a built in Reset Form field button?

    No, there's no built in reset button but you can add one easily enough with a HTML field.

    http://www.gravityhelp.com/forums/topic/reset-form-button#post-13499

    Posted 11 years ago on Monday July 11, 2011 | Permalink
  5. 1) To style any form element you would add custom CSS to your themes stylesheet that targets and styles the form element however you want. There is a documentation page with examples on how to target specific form elements here:

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

    2) If you want to dynamically populate a field you would have to do so with custom PHP you add to your themes functions.php file to dynamically populate the form field. There is a tutorial on how to dynamically populate a field here:

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

    3) There is no Reset button. It could only be added as a customization, although for most forms they are typically not very useful which is why it isn't currently an option.

    Posted 11 years ago on Monday July 11, 2011 | Permalink
  6. Larsname
    Member

    Most Excellent!

    Just the kind of help I needed.

    THANK YOU!!

    Posted 11 years ago on Thursday July 14, 2011 | Permalink
  7. Larsname
    Member

    Hi Your help has been great.

    As to the original question - my customer called and said that the the form was still misaligned. So I had her send me a screenshot that you can see at the following link:

    http://bit.ly/pz632h

    I have added screen shots from my computer so you can see what I am experiencing.

    Link to form page page is: http://bit.ly/qr2k2P

    Any help you can give here is appreciated

    Thanks

    Posted 11 years ago on Tuesday July 19, 2011 | Permalink
  8. I'm not seeing this issue when I go to the page here: http://www.bigprintinc.com/new/main/attorder the form looks fine.

    Posted 11 years ago on Tuesday July 19, 2011 | Permalink
  9. It's possible that different browsers are reacting to the invalid HTML differently. Taking a look at the source of this page I see this invalid HTML on line 72:

    <table<br />

    Try fixing that (get rid of the invalid opening table tag altogether) and see if it looks better in IE.

    Posted 11 years ago on Thursday July 21, 2011 | Permalink