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.

Not able to select radio with image on mobile device

  1. Hi All,

    Thanks to the fantastic GF support team, I was able to create a form with conditional logic and images for several radio field options (see the post here).

    Everything was smooth sailing until earlier today when I was showing someone else the form on my iPad, and could not make a selection for any radio fields that use images. Tried to inspect with Adobe Shadow but having connectivity issues to debug - so far not a good start to my Saturday.

    The form can be viewed here. I have a mobile switcher in place for phones but not for tablets (if on a phone, just tap the "View Desktop Version" on one of the interior pages for the full site).

    Thanks in advance for any thoughts or suggestions!

    Posted 8 years ago on Saturday July 28, 2012 | Permalink
  2. That's a cool form.

    I tried on my iPhone (using Google Chrome 19.0.1084.60) but could not get the desktop version to 'stick'. I went to an interior page, tapped for the desktop version, navigated back to that product page, but at that point was redirected back to the mobile site. So, unfortunately, I can't test this one for you right now.

    Posted 8 years ago on Sunday July 29, 2012 | Permalink
  3. Chris, I just tried to replicate and was able to go from the mobile to the desktop version and pull up the page on my iPhone, so I'm not sure what the issue is. The switcher sets a cookie to avoid the redirection back to the mobile subdomain, so maybe this is because you have cookies disabled on your phone's browser? Anyway, I'm planning to reinstall Shadow today in order to do an inspection - if you're able to test in the interim, please let me know.

    Thanks!

    Posted 8 years ago on Sunday July 29, 2012 | Permalink
  4. Not sure what's going on. I just checked again, with Google Chrome on an iPhone 3 and I had the same experience. Under content settings, cookies are set to "On".

    Let us know how it goes installing Shadow and if those tests show anything.

    Posted 8 years ago on Monday July 30, 2012 | Permalink
  5. I was finally able to get Shadow running correctly and narrowed down the issue to checkboxes not functioning (I thought that I built the image selections with radios but actually used checkboxes and restyled). Not sure how this help, especially since I didn't get any console errors to provide more insight. Any known issues with checkboxes on mobile devices?

    Posted 8 years ago on Monday July 30, 2012 | Permalink
  6. Further reading on StackEx suggests that this can be caused when an "onclick" attribute has not been set or included on the input element of a checkbox. I've checked the DOM with iDebug and see that the attribute exists on my form's top three radio buttons, but not on any of the checkboxes. Any suggestions on how to enable this? Even an empty attribute should do the trick - <input name="form_1_1" type="checkbox" onclick="" class="...>

    Posted 8 years ago on Monday July 30, 2012 | Permalink