I'm wondering how to make my forms responsive

  • esteowen
    Asked on July 30, 2018 at 7: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 ???

  • Jan
    Replied 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 Screenshot 10

    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.

  • esteowen
    Replied on July 31, 2018 at 12:04 PM

    But on other devices it looks horrible...

     1533053196form muestra Screenshot 10

    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!!!

     

  • Jan
    Replied on July 31, 2018 at 1:32 PM

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

    153305820908 01 tt9wz Screenshot 10

    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 Screenshot 21

    Hope that helps. Thank you.