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't get fields to float

  1. I'm having an issue with fields not floating (name, address fields, etc.). Everything works correctly in preview so it's a CSS conflict somewhere.

    Name and address fields here:
    http://www.kristofcreative.com/logo-design/premium-business-identity/

    Left and right floats on this form (click Brochure Size > Other to reveal)
    http://www.kristofcreative.com/graphic-designer/business-brochures/

    I've gone through the targeting samples CSS page (thank you for that page it's been very helpful) and attempted to add overwriting CSS but I'm obviously missing something because I can't get them to display correctly. The page above is the form with no additional CSS for the floats (form is at bottom of page.

    Appreciate your help!

    Posted 8 years ago on Tuesday June 7, 2011 | Permalink
  2. It looks like both pages are missing the default form stylesheet - plugins/gravityforms/css/forms.css

    If that is loaded properly, I believe your display issues will be resolved. Are you embedding the form directly into the page template with the php function call? If so, you need to enqueue the CSS/JavaScript manually so everything functions & displays properly.

    We always recommend you enqueue the scripts using the function rather than including them as hard-coded calls in your theme. Implementing it this way will insure that Gravity Forms does not include them on the page if they are already present. It is also a good practice to only load these scripts on the front end.

    Gravity Forms 1.5 introduced the gravity_form_enqueue_scripts function which allows you to easily enqueue the necessary Gravity Forms' scripts and styles when manually embedding a form. This is also useful if you are using a Gravity Forms widget and do not wish for the styles and scripts to be loaded inline.

    You will need to manually enqueue the scripts and CSS by placing a short script block in your theme's header.php file.

    You can find more information at the URLs below

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

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

    Posted 8 years ago on Tuesday June 7, 2011 | Permalink
  3. Doh! I had the Output CSS set to No! *smacks head*

    Okay, now that's solved, The date picker icon isn't displaying. Any ideas?

    Thanks!

    BTW: forms were being added via shortcode, but I really appreciate the info on enqueue the scripts.

    Posted 8 years ago on Tuesday June 7, 2011 | Permalink
  4. Sure, it's usually the CSS output option turned off or the need to manually enqueue the scripts when it does that. Glad you figured that out.

    The obvious question about the datepicker is are you sure that the datepicker icon is set to show in your options panel. From the markup, it looks like it's not.

    Posted 8 years ago on Wednesday June 8, 2011 | Permalink
  5. The Date picker Icon is selected. I tried using a custom icon too but still not displaying.

    Posted 8 years ago on Wednesday June 8, 2011 | Permalink
  6. I looked at the markup and, you're right, it appears the icon set to hide. Any suggestions for why it's doing that when I have it selected to display in the form settings? Thanks.

    Posted 8 years ago on Friday June 10, 2011 | Permalink
  7. Make sure your footer.php file has the wp_footer() function call in place.

    Posted 8 years ago on Friday June 10, 2011 | Permalink
  8. Hi Carl - The the wp_footer() function call is in the footer

    Posted 8 years ago on Saturday June 11, 2011 | Permalink
  9. Any other ideas why the date picker icon css is set to hide when I have it set to display in the form? What could I be missing?

    Posted 8 years ago on Monday June 20, 2011 | Permalink
  10. @kristof You need to check for theme and plugin conflicts to see if a plugin is causing a conflict ir if the way your theme is configured is causing a problem. Here is directions on how to do this:

    http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict

    Let us know how it goes and we can go from there.

    Posted 8 years ago on Monday June 20, 2011 | Permalink