My website is able to change to any size screen and I would like to know if the form can do the same?

  • Profile Image
    monumentvalleysafari
    Asked on March 04, 2014 at 11:38 PM

    Hello, I have a cascading stylist sheet and I wanted the form to shrink down to my iphone size like the rest of my website. Is there an option or way I can do this. I have tried messing with the form but haven't been able to do so. If you could help me with this that would be great!

  • Profile Image
    EltonCris
    Answered on March 05, 2014 at 01:20 AM

    Hi,

    Inject the following CSS codes to your form so the form adjusts its width on small browser window.

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

    @media (max-width: 480px) {

    .form-line.form-line-column {

    width: 100% !important;

    }

    .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: 100% !important;

    }

    .form-sub-label-container {

    width: 100% !important;

    display: block  !important;

    }

    .form-spinner input {

    height: 20px !important;

    }

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Possible output:

    Hope this helps!

  • Profile Image
    monumentvalleysafari
    Answered on March 05, 2014 at 09:20 AM
    Thank you very much, It works like a charm!
    You were very quick and helpful. I used to you emailmeform, but i have switched over. Your product is much better.
    Kind Regards,
    Skye
    ...
  • Profile Image
    EliezerN
    Answered on March 05, 2014 at 09:28 AM

    @Skye

    It is good to know that my colleague's suggestion worked. So, on behalf of my colleague you are very welcome.

    Feel free to contact us again in case you need further help. If it is an unrelated inquiry, kindly open a new thread.

    Thanks