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

    Fix Alignment of Name and Phone Field

    Asked by miyonimuwc on September 30, 2015 at 04:57 PM

    1. suddenly all the boxes like name or phone number have changed such that the 2 boxes are on top of wach other instead of align next to each other, i am not sure how to fix it. 

     

    2. also, i have determined in the preferences that it will be possible to save the changes and come back later but it doesn't work.  (is it a problem because i have chosen to encrypt the form?) 

     

    3. also in section C (page 4) in my form i have 3 text area boxes which i want them to be in rich text mode. is there a way to change the width of these rich text boxes as they are quite thin? 

     

    Page URL:
    http://www.jotform.com//?formID=52706253771456

    problem name phone number next
  • Profile Image
    JotForm Support

    Answered by Chriistian on October 01, 2015 at 12:15 AM

    Hi,

     

    I checked your form and I can see what you are reporting. The Name and Phone field are displayed in two lines. 

     

    I am currently checking the issue and try to get  a custom CSS code that will fix this issue. Please give me more time to further investigate the issue. I will get back to you as soon as I get the custom CSS code.

     

    Regarding your other question, I have moved it to a separate thread so we can better assist you. You can check it here: http://www.jotform.com/answers/674196 and http://www.jotform.com/answers/674198. We will attend to your other concern as soon as possible.

     

    Regards.

  • Profile Image
    JotForm Support

    Answered by Chriistian on October 01, 2015 at 12:36 AM

    Hi,

     

    Can you try to add/inject this custom CSS code in your form to fix the issue in the name and phone field alignment?

    [data-type="control_fullname"] .form-sub-label-container {

    width: 40% !important;

    }

    [data-type="control_phone"] .form-sub-label-container:nth-child(2) {

        width: 60% !important;

    }

    [data-type="control_phone"] span:nth-child(1) input {

        width: 80% !important;

    }

     

     

    To inject this custom CSS code in your form, you can follow the instruction provided in this article: How to Inject Custom CSS Codes.

     

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