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 to dyamically add and remove rows in Form

    Asked by anrozier1925 on September 30, 2015 at 09:33 PM
    I wanted to know if there is a way to dynamically add and remove rows in the form. The client would like the ability to add a family member if needed. I saw in a recent post that this is not a possible jotform option yet, and wanted to check to see what options I had in creating this option.
    I am looking to duplicate the Full name, Date of Birth, Place of Birth, Primary Language, Sex, Alien # and the upload option under the demographic information section.
    Please let me know if this is possible
    add row dynamic
  • Profile Image
    JotForm Support

    Answered by jonathan on September 30, 2015 at 09:37 PM

    This is very much possible using those dynamic widgets. 

    You can check them from here http://widgets.jotform.com/search/dynamic

    The most basic of this is the Dynamic Textbox.

    Here is an example form that have the widget in action http://form.jotformpro.com/form/51233651283955?

     

    Hope this help. Let us know if you need further assistance.

  • Profile Image

    Answered by anrozier1925 on October 01, 2015 at 10:47 AM
    Thanks.
    I am using Infinite List for this form : http://www.jotform.com//?formID=52706196382157.
    Is there a way to change the width of the columns, or make each column rows?
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on October 01, 2015 at 01:06 PM

    Hi,

    You can try using this custom CSS code in the widget:

    // Adjust the width of the headers and the saved row

    #list > tbody > tr:nth-child(1) > th.col1 {

    min-width: 100px !important;

    width: 100px !important;

    }

    #list > tbody > tr:nth-child(1) > th.col2 { 

    min-width: 150px !important;

    width: 150px !important;

    }

    #list > tbody > tr:nth-child(1) > th.col3 { 

    min-width: 150px !important;

    width: 150px !important;

    }

    #list > tbody > tr:nth-child(1) > th.col4 { 

    min-width: 150px !important;

    width: 150px !important;

    }

    #list > tbody > tr:nth-child(1) > th.col5 { 

    min-width: 150px !important;

    width: 150px !important;

    }

    #list > tbody > tr:nth-child(1) > th.col6 { 

    min-width: 150px !important; 

    width: 150px !important;

    }

    // Adjust the input fields in the widget

    td.col1 > input {

    min-width: 100px !important;

    width: 100px !important;

    }

    td.col2 > input { 

    min-width: 150px !important; 

    width: 150px !important;

    }

    td.col3  > input { 

    min-width: 150px !important; 

    width: 150px !important;

    }

    td.col4  > input { 

    min-width: 150px !important; 

    width: 150px !important;

    }

    td.col5  > input { 

    min-width: 150px !important; 

    width: 150px !important;

    }

    td.col6  > input { 

    min-width: 150px !important; 

    width: 150px !important;

    }

    You can add it directly under the custom CSS tab in the widget settings

    You can check this cloned form to see how it works: http://form.jotformpro.com/form/52734987602969?. You can change the width with your own preferences.

    Do let us know if you need more information on this.