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

    Make the labels and fields side by side on small screen or mobile

    Asked by budgetletting on February 21, 2017 at 08:28 PM

    This has still not been resolved! although this may display correctly on your system it is not on mine see screen shot

    i need the label and input to be on the same line - although it displays perfect in the jotform program it does not on pc or laptop nor smart phone.

     

    Page URL:
    http://www.agentsmutual.co.za

    Screenshot
  • Profile Image
    JotForm Support

    Answered by EltonCris on February 22, 2017 at 12:46 AM

    Thanks for providing the screenshot.

    It is clear to us now the issue you're experiencing. It appears that way because the form renders the mobile responsive style. It changes the display of the fields so it is easier to fill on small screens especially on mobile.

    Anyway, if you want to retain the layout of the form - label and fields side by side, inject this CSS codes to your form.

    .form-label {

        width: 33% !important;

        float: left !important;

        display: inline-block;

    }

    .form-input{

        width: 60% !important;

        display: inline-block;

    }

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

    Result:

    Let us know if you see any problems.

    Thanks