Requst to make form responsive

  • cgskillaccounts
    Asked on August 22, 2016 at 3:59 AM
    within a label sometimes there are a lot of instructional info in
    it. wondering how it would look on mobile? that was the reason i do

    and to adjust accordingly. what is better choice?
    ...
  • beril JotForm UI Developer
    Replied on August 22, 2016 at 4:20 AM

    To solve that issue could you inject the CSS code below? At that situation, your form will be responsive.

     

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

        img {

            width : 300px!important;

        }

        li#id_137 {

            width : 300px!important;

        }

        .form-label {

            font-size : 10px!important;

        }

    }

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • cgskillaccounts
    Replied on August 22, 2016 at 11:46 AM
    hi, how and where do i paste these codes? any additional things to follow?
    ...
  • Support_Management Jotform Support
    Replied on August 22, 2016 at 12:35 PM

    Here's a quick guide on how and where to paste CSS codes: How-to-Inject-Custom-CSS-Codes Note that this guide was also given to the original thread you posted.

    To sum it up, just click PREFERENCES at the top of your FORM BUILDER > FORM STYLES > CUSTOM CSS > place the codes there > then SAVE CHANGES

    Requst to make form responsive Image 1 Screenshot 40

    I would also recommend you follow the suggestions of my colleague, Liyam, on the other thread https://www.jotform.com/answers/912038 I checked your form again and I still see the unclosed <small> tags you added to your labels:

    Requst to make form responsive Image 2 Screenshot 51

    Here's how:

    Requst to make form responsive Image 3 Screenshot 62

    To avoid confusion in replying, I'll list both of your threads:

    1. https://www.jotform.com/answers/912196 - Only reply to this thread if you're asking about injecting the CSS and making your form responsive

    2. https://www.jotform.com/answers/912038 - Only reply to this thread if you're asking about the font sizes getting smaller

    Let us know if you have further questions.