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

    How can I get Columns to Align/Lineup?

    Asked by jenj0329 on September 20, 2016 at 02:41 PM

    I know within a box, I can align text or object, but how can I align the actual columns? Unless there is an exact amount of text in the "description" column, it throws off the qty and notes columns so they dont line up?

    Page URL:
    https://form.jotform.com/62423725367155

    Screenshot
    lineup how how can i can
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 20, 2016 at 04:41 PM

    This should be fixed by injecting some CSS code, first you will need to get the the ID of each text you want to modify. 

    To get the ID right click on the element and select the option inspect element, once there copy the ID found in the <li> HTML element.

    Replace the ID in the highlighted code below: 

    li#id_196 {

        width: 245px;

    }

    This way you will set the same width for all the text descriptions, this guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Please if you have any question, let us know. 

  • Profile Image

    Answered by jenj0329 on September 22, 2016 at 11:59 AM

    Is there a different way to right click when using Apple? If I right click, I get the options shown here. If I double right click, I DO get the inspect, but it "inspects" that content menu box that is shown, not the box Im looking for (the description box)?

     

  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 22, 2016 at 01:40 PM

    The screenshot you share is from the Form Builder, you should open your form in a new tab https://form.jotform.com/62423725367155 and then follow the instructions above, I have tested in Safari and the steps are the same, right click on the element and copy the ID of the <li> element. 

    But please open the link to your form https://form.jotform.com/62423725367155  in a new tab and follow the steps. 

    Please let us know how it goes.