How can I get Columns to Align/Lineup?

  • jenj0329
    Asked on September 20, 2016 at 2: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?

    Jotform Thread 937283 Screenshot
  • Kevin Support Team Lead
    Replied on September 20, 2016 at 4: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.

    How can I get Columns to Align/Lineup? Image 1 Screenshot 20

    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. 

  • jenj0329
    Replied 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)?How can I get Columns to Align/Lineup? Image 1 Screenshot 20

     

  • Kevin Support Team Lead
    Replied on September 22, 2016 at 1: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. 

    How can I get Columns to Align/Lineup? Image 1 Screenshot 20

    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.