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

    Unwanted column on "Configurable List" and "Add" button cutoff

    Asked by jmcdermid2009 on October 21, 2016 at 04:25 PM

    As you can see in the screenshot, there is an extra column at the end of my Configurable List. There is no extra space at the end of the field configuration, so I'm not sure why it is there.

     

    The "Add" button is also now cutoff. I'm not sure what caused this either.

     

    Can you please help me with these 2 issues.

     

    Thank you for your time,

    John

    Screenshot
    and configurable list configurable extra space thank
  • Profile Image
    JotForm Support

    Answered by Kevin_G on October 21, 2016 at 10:13 PM

    The column showing at the right side of the widget is the column where the "X" button to delete a row will appear, if you add a new row then you will see it: 

    What I would suggest you to fix both issues, the unwanted column as well as the button cutting off, is to modify the current CSS code that you have added to your form, you currently have this: 

    table, th, td {

       border: 1px solid black;

    }

    You're setting a border color and width to the table as well, so I would suggest you to set the border color to the td and th only so the needed code is this one: 

    th, td {

       border: 1px solid black;

    }

    This way you will get the configurable list as you want, here is an example: 

    As the column to remove the row is being handled with JavaScript code, it will only show when there is a button to remove a row, otherwise the column will not be shown.

    Here is the link to my cloned form where you can see how it works: https://form.jotform.com/62948386498983 

    Hope this helps.