How to make a form mobile responsive?

  • Profile Image
    deltaresearch
    Asked on January 26, 2016 at 03:18 PM
  • Profile Image
    Kevin_G
    Answered on January 26, 2016 at 05:14 PM

    There are two possible ways to make your form mobile response.

    The first one is following this guide: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive.

    The second one is injecting this CSS code:

    /*-----------RESPONSIVE LAYOUT-----------*/

     

    .form-line.form-line-column {

    width: 100% !important;

    margin-left:0

    }

     

    .form-line{

    width: 100%;    

    }

     

    .form-textarea,

    .form-textbox,

     

    .form-dropdown{

    width: 100% !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

     

    .form-label-left, .form-label-right{

    width: auto !important;

    }

     

    .form-buttons-wrapper{

    margin-left:0 !important;

    }

     

    .form-input {

    width: 100% !important;

    }

     

    .form-all{

    width: 75% !important;

    }

     

    .form-sub-label-container {

    width: 100% !important;

    display: block  !important;

    }