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

  • waktupulang
    Asked on April 9, 2014 at 10:54 PM

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

    Jotform Thread 360592 Screenshot
  • jonathan
    Replied on April 10, 2014 at 4: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

  • waktupulang
    Replied on April 10, 2014 at 5: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,

  • TitusN
    Replied 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?

    How can make this form responsive http://www Screenshot 40

    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:

    How can make this form responsive http://www Screenshot 51

    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:

    How can make this form responsive http://www Screenshot 62

    Otherwise - you might have to work with 353px

    Let us know.