Auto populating the payment form section...

  • FineLinesFurnishings
    Asked on September 22, 2017 at 1:07 PM

    I want the payment section to be autopopulated from the ordering sheet when the items are checked.  So far this isn't and is just a blank with USD associated and the customer has to type in themselves.  

    It's a service and there is not selection for that so it's the self selected one.

    Also, how do i show the form fully vertical as opposed to it sliding horizontally?

  • Chriistian Jotform Support
    Replied on September 22, 2017 at 1:51 PM

    You can set an amount to your Payment field by using a Form Calculation widget. Here are the steps to achieve your requirement.

    1. Enable Calculation values to your product field. You can check this guide for instructions: How to Assign Calculation Value.

    Auto populating the payment form section Screenshot 50

    2. Add a Form Calculation widget to your form. Set the field to hidden so your form users will not be able to see the field.

    Auto populating the payment form section Screenshot 61

    3. Add the Product field to your Form Calculation field. For more information about Form Calculation field: How to Perform Form Calculation Using a Widget.

    Auto populating the payment form section Screenshot 72

    4. Set up Get Total From on your Payment field.

    Auto populating the payment form section Screenshot 83


    You can also check this sample cloned form: https://form.jotformpro.com/72645731040955.

  • FineLinesFurnishings
    Replied on September 22, 2017 at 3:32 PM

    Thanks!  However, the form calculations ‘Total’ field didn’t have an option to make it not visible. That’s what I’d really like it to be.  Any suggestions?

  • Support_Management Jotform Support
    Replied on September 22, 2017 at 4:41 PM

    You can right click on the Form Calculation Widget (or any field) on your form and select HIDE / SHOW to toggle its visibility:

    Auto populating the payment form section Screenshot 30

    Alternatively, you can also click the GEAR icon of any field > go to the ADVANCED tab > then toggle the HIDE FIELD option.

    Auto populating the payment form section Screenshot 41

    Related guide: How-to-Manage-Multiple-Fields