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

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Kristof
    Member

    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 13 years ago on Tuesday June 7, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    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 13 years ago on Tuesday June 7, 2011 | Permalink

  3. Kristof
    Member

    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 13 years ago on Tuesday June 7, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    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 13 years ago on Wednesday June 8, 2011 | Permalink

  5. Kristof
    Member

    The Date picker Icon is selected. I tried using a custom icon too but still not displaying.

    Posted 13 years ago on Wednesday June 8, 2011 | Permalink

  6. Kristof
    Member

    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 13 years ago on Friday June 10, 2011 | Permalink

  7. Carl Hancock
    Administrator

    Make sure your footer.php file has the wp_footer() function call in place.

    Posted 13 years ago on Friday June 10, 2011 | Permalink

  8. Kristof
    Member

    Hi Carl - The the wp_footer() function call is in the footer

    Posted 13 years ago on Saturday June 11, 2011 | Permalink

  9. Kristof
    Member

    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 13 years ago on Monday June 20, 2011 | Permalink

  10. Carl Hancock
    Administrator

    @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 13 years ago on Monday June 20, 2011 | Permalink