responsive form not adjusting size

  • Profile Image
    rwaldenjr
    Asked on January 29, 2018 at 02:10 AM
  • Profile Image
    Adrian
    Answered on January 29, 2018 at 07:05 AM

    Can you please give us the form URL so we can look into the issue?

    Help Article: Where to Find My Form URL?


    Thank you.

  • Profile Image
    rwaldenjr
    Answered on January 29, 2018 at 02:20 PM

    Adrian -

    Thanks for your reply. Its odd though that you saw my message, since I decided not to send it, and to do some additional testing first. Nevertheless, I'd be happy to send you the URL. I just need to send it in private because the site is not yet public.

  • Profile Image
    david
    Answered on January 29, 2018 at 03:42 PM

    This thread is now set to private.  If you want to send the form URL, we we will be happy to have a look.  Something quick to try would be adding the mobile responsive widget to the form:

    https://widgets.jotform.com/widget/mobile_responsive

    In some instances, that will allow for mobile responsiveness with forms where the default is not working properly.

  • Profile Image
    rwaldenjr
    Answered on January 29, 2018 at 08:09 PM

    David -

    The form does have the mobile responsive widget installed. That's part of my concern. Please note:

    a. the form doesn't squeeze down proportionally when I change the width of the content window. It just cuts off. I've had to increase the page size instead.

    b. the custom Submit button doesn't resize along with the form when reduced.

    c. the image doesn't appear to recenter correctly and/or reduce on mobile phones.

    - Thanks for your help

     

    Walden Redevelopment Homepage:
    edited/removed

  • Profile Image
    liyam
    Answered on January 30, 2018 at 01:58 AM

    Most likely, the form adapted to the setup of your web page where it is embedded. So if the page in itself is not mobile-responsive, the form likewise will not be mobile-responsive. But if you have designed your web page to be so, the form will follow and become responsive as well.

    Feel free to let us know if you have additional questions.

  • Profile Image
    rwaldenjr
    Answered on January 30, 2018 at 03:32 AM

    The web page is supposed to be responsive, as is the JotForm with Mobile Responsive Widget installed.

  • Profile Image
    Adrian
    Answered on January 30, 2018 at 05:59 AM

    a. the form doesn't squeeze down proportionally when I change the width of the content window. It just cuts off. I've had to increase the page size instead.

    The form seems to be resizing now based on the browser's width.

    b. the custom Submit button doesn't resize along with the form when reduced.

    Please inject the following CSS to your form:

    .form-all .form-submit-button img {
        max-width: 100% !important;
    }

    img {
        max-width: 100% !important;
    }

    Help Article: How to Inject Custom CSS Codes

    c. the image doesn't appear to recenter correctly and/or reduce on mobile phones.

    After injecting that CSS to your form, all images should resize correctly.


    Let us know if you have further questions.

  • Profile Image
    rwaldenjr
    Answered on February 10, 2018 at 04:00 PM

    Thanks Adrian! Sorry it took a couple of weeks to get back to you. We moved on in our timeline and are just now getting back to clean-up of issues such as this. Your fix worked perfectly! Our custom Submit button is now resized completely within the form's borders.

    We appreciate your help!

  • Profile Image
    rwaldenjr
    Answered on February 19, 2018 at 02:10 PM

    Adrian, et.al. -

    Thanks again for your help with this code! This is apparently a problem other users have experienced, as evidenced by the number of threads in the Community Forum. Since our site has not yet launched, please remove the URL for our homepage (beneath the site/page name, "Walden Redevelopment Homepage:" which I posted on January 29 at 8:09 PM). And, return this thread to "Public" status so others can benefit from your fix.

    - Thanks

  • Profile Image
    Adrian
    Answered on February 19, 2018 at 02:32 PM

    The thread is now set to public.

    Glad I could help. You can get back to us anytime.