How can we perform calculations with Configurable list widget?

  • Profile Image
    hustra
    Asked on March 14, 2018 at 03:58 AM

    Hallo!

    I must realize a form and the configurable List widget looks very pretty: some colums and a useroriented add/delete-button for 1 to 10 rows. as he needs.

    My problem is the calculation. Three colums should have a final sum. As I read now in the forum, that the Form calculation widget does not support Configurable List widget? Or is there a function added meanwhile? Maybe the solution is a function in the Configuable List Widget (a sum row)?

    The Form https://form.jotformeu.com/80714484984367

    I can realize it with other controlls too, that is only my first idea. But I do not found any?

    This seems to be a very useful request, or? Any idea?

    Hustra

     

  • Profile Image
    Victoria_K
    Answered on March 14, 2018 at 08:10 AM

    Unfortunately, it's not possible to calculate values from the configurable list widget. But, I can suggest to split it by adding the regular fields (Date Picker, Text input or Number field, Dropdown field) instead. You'll be able to do the calculations afterwards. 

    I have cloned your form to add an example for you:

    1521029024screenshot.png

    To fit the fields into one line, I've used some custom CSS code:

    How-to-Inject-Custom-CSS-Codes

    #id_52, #id_51, #id_50, #id_49, #id_48 {

      padding-right: 0px;

    }

    #id_52, #id_51, #id_50, #id_49 {

      padding-left: 20px;

    }

    Here is the test form:

    https://form.jotform.com/80723358483967

    Feel free to test it and clone:

    How-to-Clone-an-Existing-Form-from-a-URL

    Here are also some guides which might be of help:

    How-to-Perform-Form-Calculation-Using-a-Widget

    How-to-Assign-Calculation-Value

     

    Hope this helps! But, get back to us if you need further assistance with your JotForms.

     

  • Profile Image
    BDAVID
    Answered on March 14, 2018 at 11:34 AM

    A way around would be creating each set of fields, and show them based on the amount of entries the user would like to add. Here is this guide that illustrates how to show multiple fields at once: https://www.jotform.com/help/196-Hide-or-Show-Multiple-Fields-at-Once 

    On regards of getting the IDs of each fields, the best way to do it is by using the browser inspect element:

    https://www.lifewire.com/get-inspect-element-tool-for-browser-756549