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

  • Profile Image
    jmcdermid2009
    Asked 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

  • Profile Image
    Kevin_G
    Answered 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.