Having great difficulty to line up the input fields

  • Profile Image
    stormingrobots
    Asked 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. 

  • Profile Image
    BJoanna
    Answered 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.