I'm wondering how to make my forms responsive

  • Profile Image
    esteowen
    Asked on July 30, 2018 at 07:54 PM

    I'm wondering how to make my forms responsive... I'm quite surprised it seems not to be a default feature... and asking myself how can that be, so much complete features, so nice designs, but not responsive ???

  • Profile Image
    Jan
    Answered on July 30, 2018 at 10:18 PM

    Our forms are mobile responsive. I checked your form and I can see that it is mobile responsive. Here's a screenshot:

    153300313407-31-weqw1.png

    If you are having issues, please try adding the Mobile Responsive widget. Here's a guide on How-to-Add-a-Widget-to-Your-Form.

    You can also change the theme of the form, here's a guide: How-to-Apply-a-Theme-to-Your-Form.

    If you have any questions, let us know. Thank you.

  • Profile Image
    esteowen
    Answered on July 31, 2018 at 12:04 PM

    But on other devices it looks horrible...

     1533053196form-muestra.jpg

    To be really responsive I need to be able to establish a width in "%", not en "Px", otherwise it doesn't adapt to any device and any screen width. Solve this item, and Jotform will be MY form making platform... truly!!!

     

  • Profile Image
    Jan
    Answered on July 31, 2018 at 01:32 PM

    First, please add the Mobile Responsive widget at the bottom of the form.

    153305820908-01-tt9wz.png

    After that, pleae inject this custom CSS code: 

    @media screen and (max-width: 768px) {
    .form-textbox, .form-textarea {
    width: 100%;
    }
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    153305816108-01-0llui.png

    Hope that helps. Thank you.