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 the moral use of Gravity Form

  1. Hi

    We have have successfully embed a gravity form from a plain page template into a jquery mobile web app. We are looking for GF and WP to handle our back end registration and eCommerce functions.

    The form is working well. However, we are having difficulty with the form size on smartphones. It renders well on desktops, but seems to be having an extra fixed width on smartphones.

    Any ideas on the plain page CSS on how to fix this, so the form is auto width, regardless of screen size or device used.

    link to our web app below, just hit basket (top left) and the GF will load. You will need to load it on a smartphone though to see our issue of the width

    I appreciate that we have taken Gravity Forms out of what it has really been designed for, but any help would be appreciated.

    Thanks

    Mark

    https://testmenu3.menupot.com/solutionjqm/jqmv75/

    the plain page template is here that we are emdedding in JQM

    https://menupot.com/testbasket2

    Posted 11 years ago on Wednesday April 25, 2012 | Permalink
  2. Just plopped the URL into here (without the https, just http) and it seemed fine:

    http://mattkersley.com/responsive/

    We're just using percentages on the containers, shouldn't be any set-width in pixels.

    Posted 11 years ago on Wednesday April 25, 2012 | Permalink
  3. Hi

    Thanks rob for the quick reply.

    Firstly typo in title, that should be usual, not moral. DOH.

    Checked your link, there rendering fine there, but still not on smartphone. Simulators are not the same.

    Mark

    Posted 11 years ago on Wednesday April 25, 2012 | Permalink
  4. Indeed they are not, have you tried using meta viewport and/or media queries though?

    http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

    There are many other articles on this, I just grabbed a random one.
    Funny on the title - figured that was the case!

    Posted 11 years ago on Wednesday April 25, 2012 | Permalink
  5. Hi

    media queries are a fix, but with JQM, i should not need to.

    Mark

    Posted 11 years ago on Wednesday April 25, 2012 | Permalink
  6. Mark, I just pulled this up on my iPod Touch and your form in your web app looks fine in both orientations. What smartphones specifically are you having issues with?

    Posted 11 years ago on Thursday April 26, 2012 | Permalink