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

    Having great difficulty to line up the input fields

    Asked by stormingrobots on July 13, 2017 at 06:43 AM

    Please the image 

     

    See these fields.  It seems no matter what I did, it is always too far, long short.  Please help me to align them by the Student Name input.

    Birth date does not line up with student name.. I have tried various width 

    Gender and Grade : for some reason, it looks like wrapped around. I have tried various id, cid width.From the advanced css, all width should not cause  this wrap around. I even force the padding to 0.  

    New roboclub member.. the label width is teh same as student name, but the input kept right justified. Cid and input width are the same. 

    Page URL:
    https://www.jotform.com/build/71864536211152#preview

  • Profile Image
    JotForm Support

    Answered by BJoanna on July 13, 2017 at 12:03 PM

    Your form has a lot of custom CSS codes that are affection on style and position of the fields. 

    Add this CSS code at the bottom of existing code:

    #label_24 {

        width : 172px!important;  

    }

    #id_3{

        width : 317px!important;

        padding-right : 0px!important;

    }

    #id_48 {

        width : 302px!important;

        padding-right : 0px!important; 

    }

    Also set Label Alignment of Gender and Grade fields to Left. 

    After that you form will look like this.

    Here is my demo form: https://form.jotformpro.com/71934485788980 

    Feel free to clone it

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