How can I set the min-width of the form?

  • dxman79
    Asked on June 6, 2016 at 12:32 PM

    Hi there,

    sorry for my band english....

    So, how can i modify min-width of my form ?
    Now, if I put him in a column smaller then 480px, the form change his aspect to mobile,
    I would like to lower this that appen at 300px, and I want to embed using "embed" option, not full code.
    Few times ago it was possibile changing the full code in "option"  (gear icon) and then save it, but now ?

    Thank's.

    Enrico.

  • Welvin Support Team Lead
    Replied on June 6, 2016 at 2:41 PM

    If your goal is to make the form responsive, you just need to enable this option in the form designer. Here's our guide for the responsive option:

    https://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive

    There is no option to set a minimum width, but you can adjust the width of the form in the designer. This guide should also help https://www.jotform.com/help/35-The-Importance-of-Form-Widths

    Let us know if you need any further assistance.

  • dxman79
    Replied on June 7, 2016 at 3:43 AM

    Thanks for answer.

    I try to explain, look the pictures, the form is just 300px wide, but if I reduce the window or the column where it's placed at less than 480px, it change is aspect to "mobile" version, I don't want this, I want that mantein his first aspect if the window or the column is at least 300px wide also...

    Is this possible ?

    Thanks.

    How can I set the min width of the form? Image 1 Screenshot 30

     

     

    How can I set the min width of the form? Image 2 Screenshot 41

  • beril JotForm UI Developer
    Replied on June 7, 2016 at 4:44 AM

    Thank you for providing more details about your concern. If I understand your question correctly you want to set the width of your form to 300px when you open your form on the mobile phone. To solve that issue, could you please inject the CSS code below from designer?

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

        .form-all {

            max-width : 300px !important;    }

    }

    By that way, it will work as you see below on mobile phone.

    How can I set the min width of the form? Image 1 Screenshot 20

     

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