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

    Wrapping the input fields in the configurable list widget

    Asked by CMRI on March 17, 2017 at 08:36 AM

    Secondly, are you able to send me CSS code or help in some way to enable the row to be within the background dimensions and not running outside of it as it currently is?

    Do I need to increase the width of the inner section that contains the questions?

  • Profile Image
    JotForm Support

    Answered by Welvin on March 17, 2017 at 08:38 AM

    I've fixed it for you by injecting the following custom CSS codes:

    td.col1, td.col2, td.col3, td.col4, td.col5, td.col6 {

    display:inline-block;

    float: none;

    padding: 20px 5px 1px 1px;

    }

    td.col1:before { content: "Name"; width: 19%; position: relative; bottom: 5px; font-weight: bold; }

    td.col2:before { content: "Address"; width: 19%; position: relative; bottom: 5px; font-weight: bold; }

    td.col3:before { content: "Organisation"; width: 19%; position: relative; bottom: 5px; font-weight: bold; }

    td.col4:before { content: "Email"; width: 19%; position: relative; bottom: 5px; font-weight: bold; }

    td.col5:before { content: "Qualifications, Experience and Skills"; width: 19%; position: relative; bottom: 5px; font-weight: bold; }

    td.col6:before { content: "Role in Project"; width: 19%; position: relative; bottom: 5px; font-weight: bold; }

    td.col1 { width: 30%; }

    td.col2 { width: 30%; }

    td.col3 { width: 30%; }

    td.col4 { width: 30%; }

    td.col5 { width: 30%; }

    td.col6 { width: 30%; }

    td.col7.buttonsColumn {position: relative; top: 34px; }

    th { display: none; }

     

    Please check now and let us know if you need further adjustments. 

  • Profile Image

    Answered by CMRI on March 19, 2017 at 12:47 AM

    Hi, that looks great, but I am still missing the "+Add More" functionality.

    I need people to be able to add more "Co-Investigators".

     

    Are you able to help me put the "Add More" button that's usually at the bottom of this widget back in? 

  • Profile Image

    Answered by CMRI on March 19, 2017 at 12:48 AM

    Oh - don't worry! I fixed it with the comment you made in the email to change the "maximal rows" :)

    Thank you for your help!