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.

Conditional logic breaks on iOS, and spacing issue for "Time" field

  1. Issue 1:
    The form works fine on the computer, but the conditional logic doesn't update correctly on iOS. Poking around, it seems like a theme conflict? Our site is not themed for mobile, but we're trying to get this form to work correctly on iPad at least.

    [Note: I had to duplicate some of my fields to get the logic to work correctly (the choices in some of the drop down menus seemed to carry over even though those fields became hidden).]

    Issue 2:
    On Chrome and Firefox, the HH/MM of the Time field doesn't quite align correctly, but works fine on iOS.

    Any help would be appreciated! Thanks!

    The form is here: http://www.selfawaregames.com/contact-us/

    Posted 13 years ago on Tuesday April 24, 2012 | Permalink
  2. David Peralty

    Have you tried this: http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict

    It will help you identify if it is a theme issue, and if so, you'll want to contact the theme developer to discuss their JavaScript and CSS. If it doesn't work in the default WordPress theme, let me know and I'll try to help where I can.

    As for issue number 2, is that resolved when using the default WordPress theme? It looks like the colon between the two boxes is being pushed below instead of being between the two fields based on a spacing issue.

    Posted 13 years ago on Tuesday April 24, 2012 | Permalink
  3. Your themes style.css file is the source of your time field formatting problem. Line 1171 has this..

    [css]
    input[type="text"], input#s {
        margin: 0 1em 0 0;
        width: 60%;
    }

    If you comment out the margin portion and you will see that it formats properly. screenshot: http://bit.ly/IrigKW

    The right margin on the input is jacking it up. You need to remove that super-generic rule or you can try to override it with a more specific rule for your form.

    [css]
    body .gform_wrapper .gform_fields .gfield .gfield_time_hour input[type=text],
    body .gform_wrapper .gform_fields .gfield .gfield_time_hour input {
    	margin 0 0 0 0 !important
    }

    I've never had any problems specific to iOS with conditional logic to date. I'll dig out the iPad and try your site and see what I can suggest.

    Posted 13 years ago on Tuesday April 24, 2012 | Permalink