What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can make this form responsive http://www.waktu pulang.com/cerita-pulang/ for mobile

    Asked by waktupulang on April 09, 2014 at 10:54 PM

    I want to use this jotform could open in mobile, my problem is like the capture below

    Page URL:
    http://www.waktupulang.com/cerita-pulang/

    Screenshot
    Mobile www JotForm problem
  • Profile Image
    JotForm Support

    Answered by jonathan on April 10, 2014 at 04:03 AM

    Hi,

    Please review this thread also. It should provide guidance what CSS code to inject in your form so that it becomes mobile responsive.

    You can start by using this CSS codes for base

    @media only screen

    and (min-device-width : 320px)

    and (max-device-width : 480px) {

    .form-all {

    width: 320px !important;

    }

    .form-line {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    padding-left: 3px !important;

    }

    Inject this CSS code in your form and then test the form in your mobile device.

    Please inform us if you need further assistance.

    Thanks

  • Profile Image

    Answered by waktupulang on April 10, 2014 at 05:48 AM

    I've followed your instructions to change the css code, but still doesn't work in mobile displays

    I please help me to solve this problem


     

     

    Thanks,

  • Profile Image
    JotForm Support

    Answered by TitusN on April 10, 2014 at 10:18 AM

    Hello,

    The other fields look Ok from what I see -Or perhaps you want all the fields at equal length?

    The text-area field has inline styling of a minimum width of 553px - which cannot be changed even with injected CSS forced on the field:

    That is only true when rich text is enabled - if you would- disabling rich text and setting the field back to plain text would make the field respond to a smaller width:

    Otherwise - you might have to work with 353px

    Let us know.