How does the mobile responsive widget work?

  • Profile Image
    webcorate
    Asked on May 26, 2016 at 01:12 PM

    how can i make a responsive form?

    There's only old answer. It's not meet now form. 

  • Profile Image
    Kevin_G
    Answered on May 26, 2016 at 02:13 PM

    Our forms are responsive by default, it means there should not be anything that you need to do to make it responsive. 

    But if you want there is a widget that can help you to display your form responsively, here is the link: https://widgets.jotform.com/widget/mobile_responsive

    This guide will help you to add the widget to your form: How-to-Add-a-Widget-to-your-Form

    You may also try injecting this CSS code to your form: 

    /*-----------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;

    }

    But please provide us the link where you have embedded your form or the link to the form, we will be glad to further check if. 

     

  • Profile Image
    webcorate
    Answered on May 27, 2016 at 08:59 AM

    I want using a LightBox form, but it has a size problem for mobile phone.

    That's what I want to know.

     

     

  • Profile Image
    Welvin
    Answered on May 27, 2016 at 10:03 AM

    Unfortunately, out lightbox embed option is not yet responsive. You may consider the other embed options instead. 

  • Profile Image
    webcorate
    Answered on May 27, 2016 at 10:40 AM

    How about the Feedback Button available for responsive?
  • Profile Image
    Kevin_G
    Answered on May 27, 2016 at 11:21 AM

    @webcorate

    I moved your question to a separate thread, it can be reached here: https://www.jotform.com/answers/848609 

    We will assist you there as soon as possible.