Whenever a Middle Name Is Added to the Full Name Field in My Form, the Last Name Gets Pushed to the next Line

  • jonnavarra
    Asked on September 27, 2015 at 8:10 AM

    Why does the Last Name move below the First Name when I add the Middle Name? I have tried resizing the Middle Name box but the Last Name is still below.

    The field is Expanded and the Label is aligned to Top.

    Removing the Middle Name moves and aligns the First and Last names but i need the middle name.

    I guess I can just align 3 textboxes, but I'd like to believe thats not how the field was designed. Let me know if I doing something wrong.

    Thanks

     

     

  • jonnavarra
    Replied on September 27, 2015 at 6:48 PM

    anybody? anyone?

  • abajan Jotform Support
    Replied on September 27, 2015 at 11:16 PM

    Our apologies. Not sure how this thread got overlooked. Please do the following:

    1. Click the Designer button:

    Whenever a Middle Name Is Added to the Full Name Field in My Form, the Last Name Gets Pushed to the next Line Image 1 Screenshot 40


    2. Click the CSS tab and in it's work area, indicated by the second arrow below

    Whenever a Middle Name Is Added to the Full Name Field in My Form, the Last Name Gets Pushed to the next Line Image 2 Screenshot 51

    add the following rule:

    #cid_1 span:nth-child(3) {
     width: 150px;
     position: absolute;
     left: 296px;
    }


    3. Save the change:

    Whenever a Middle Name Is Added to the Full Name Field in My Form, the Last Name Gets Pushed to the next Line Image 3 Screenshot 62


    That should fix the problem but if it doesn't please inform us.


    Thanks

  • jonnavarra
    Replied on September 28, 2015 at 1:39 AM

    that solved it kinda.

    on edit, the fields are still disjointed but line up when rendered. The other Full Name field on the same form did not get fixed either.

    So do I have to add that CSS in every Full Name used in every Form i have?

    Was that something I did wrong or should have known about? if that's an product issue it should be addressed and fixed.

    And then, what about my other issue related to the Date Time Quick tool

     

  • Chriistian Jotform Support
    Replied on September 28, 2015 at 5:59 AM

    Hi,

     

    Can you try to inject this custom CSS code in your form to fix the alignment issue so it will reflect to all of the full name field in the form?

    [data-type="control_fullname"] span:nth-child(3){

     width: 150px;

     position: absolute;

     left: 296px;

    }

     

    If you have encounter the same issue in your other forms, you can try to add the CSS code to fix the issue. These issues are commonly due to the form themes and current CSS styles of the form which is not common to other user forms so we usually solve this by overwriting the CSS style of the applied to the form. Apologies for the inconvenience.

     

    Regarding your other issue, I have already responded to the thread and it seems that you have made a feedback regarding the issue. We will attend to it in a while.


    Do let us know if you need further assistance.
    Regards.