How can I make these table be on my form?

  • insctr
    Asked on September 22, 2016 at 8:28 PM

    I want the user to be able to fill out these tables online. Everywhere that there is a $ they need to put in their value. 

    Thanks.

    Jotform Thread 939869 Screenshot
  • David JotForm Support Manager
    Replied on September 22, 2016 at 10:22 PM

    Do you want the table to perform a calculation? You could use the Spreadsheet widget calculation: https://widgets.jotform.com/widget/spreadsheet 

    Where you can create formulas to calculate in the cell you want to. Let us know if that helps.

  • insctr
    Replied on September 30, 2016 at 4:46 PM
    This helps a little, could you just have the form appear as is and have the spots for input values?
    It is not very easy to have to input everything.
    Thanks
    Jace Iverson
    801-622-2626
    3020 Washington Blvd.
    Ogden UT 84401
    www.InsuranceCenterUT.com
    ...
  • David JotForm Support Manager
    Replied on September 30, 2016 at 7:40 PM

    Here is a demo of the first part of your form: https://form.jotform.com/62737351325960 

    How can I make these table be on my form? Image 1 Screenshot 20

    The native fields can be added as shown on this guide: https://www.jotform.com/help/2-How-to-create-your-first-web-form 

    In order to customize the Spreadsheet widget, this was the CSS code that had to be injected in the widgets CSS area:

    /*Code to left align the text*/

    .cell-input {

        text-align: left !important;

    }

    /*Code to set the proper width on each column*/

    .A{

        width: 370px  !important;

    }

    .B{

        width: 80px  !important;

    }

    .C{

        width: 250px  !important;

    }

    /*Code set the headers text*/

    body > tr:first-child {

       background-color: #333;

    }

    #col_A, #col_B, #col_C{

       color: transparent;

       font-size: 1px;

    }

    #col_A:before, #col_B:before,#col_C:before {

        color: #FFF;

        font-size: 14px;

    }

    #col_A:before {

       content: "LIMITS OF LIABILITY REQUESTED";

    }

    #col_B:before {

       content: "   ";

    }

    #col_C:before {

       content: "PREMIUMS";

    }

    Let us know if that would worked out for you. You can clone it, and continue building it: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL, or let us know if you need more help, we will be glad to assist you.