What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Text box w/ label taking two lines instead of one

    Asked by stpks on August 29, 2015 at 11:59 PM

    preview in "designer" shows them on one line in mobilephone preview. on my iphone 6 the take up two lines - nee compact display

    Page URL:
    http://www.jotformpro.com/stpks/BL

    label Taking preview compact designer shows
  • Profile Image
    JotForm Support

    (Private)

    Answered by BJoanna on August 30, 2015 at 06:39 AM

    If I understood you correctly you are referring to the behavior that on mobile, form looks like on picture below. That is normal behavior because your responsive mode is enabled.  

    If you want that your form looks like on picture below, you can Inject Custom CSS.

    To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    @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-label {

            width : 50px!important;

        }

        .form-input, .form-textbox {

            max-width : 50px !important;

        }

        #input_30 {

            max-width : 100px !important;

        }

        #header_1 {

        max-width : 100% !important;

    }

    }

    Here is my form: http://form.jotformpro.com/form/52412678171960? 

    Please be free to clone it.

    If I did not understood you correctly please explain in more details what you are trying to achieve.

    Hope this will help. Let us know if you need further assistance.