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 weirdness: IE 7 pulls in "none" from css + checkbox alignment issues

Gravity Support Forums » Plugin Support » Gravity Forms

  1. roodude
    Member

    First thing: I've tried the new css file, but my check boxes and radio buttons are still out of whack. All boxes/buttons remain on a single line, overprinting each other.

    Second: THE MOST WEIRD OF ALL: In IE 7, on all my forms, the word "none" appears everywhere, obviously pulled in from the css file, which is the only place this word resides on the forms. View these forms in IE 7, and as soon as the page/form is done loading, watch for the words to appear. Bizarre. I suspect a javascript issue, but that's just a guess. Any ideas? Here are a couple of the forms:

    http://giefc.org/other/formsapplications/church-membership/
    http://giefc.org/other/formsapplications/mission-team-application/

    THANKS!

    Posted 14 years ago on Wednesday September 15, 2010 | Permalink

  2. roodude
    Member

    To clarify: the checkbox css weirdness is only in IE, 8 & 7.

    Posted 14 years ago on Wednesday September 15, 2010 | Permalink

  3. Kevin Flahaut
    Administrator

    checking it out. Will let you know what I find.

    Posted 14 years ago on Wednesday September 15, 2010 | Permalink

  4. Kevin Flahaut
    Administrator

    The "none" that you're seeing in IE7 is not CSS related or a Gravity Forms issue. It's being written to the page by the script you've included for IE only.

    <!--[if IE]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

    When I removed that, it fixed the issue with the strange text in the select field in IE7 and also the check box formatting on the IE8 form.

    My tests:

    live site - IE 8 - with the "ie7-js" script enabled - screenshot

    my test - IE 8 - with the "ie7-js" script removed - screenshot

    select fields - IE 7 - with the "ie7-js" script removed - screenshot

    It looks like there is still some CSS inheritance problem from your theme in IE7 in regards to the checkboxes and radio buttons. I didn't have much luck tracking that down so far. I would look at your theme for any IE specific styles, and focus on rules for the label and input elements.

    The default forms CSS works fine in IE7. You can see an example of a the default styles in the default WordPress "twenty ten" theme below.

    radio/checkbox fields - "twenty ten" default theme with default Gravity Forms styles - screenshot

    Posted 14 years ago on Wednesday September 15, 2010 | Permalink

  5. roodude
    Member

    Thanks a bunch. There's obviously something odd about this Wordpress theme, as I've used Gravity Forms on at least 10 other sites and have never had similar problems before.

    Thanks for the great support on a great plugin!

    Posted 14 years ago on Wednesday September 15, 2010 | Permalink

  6. phokhong
    Member

    Tried turning off "output to HTML 5", I did it and it worked.

    Posted 13 years ago on Wednesday January 19, 2011 | Permalink

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