Which Widget Do You Recommend

  • whittaro
    Asked on April 28, 2019 at 2:07 PM

    You have always been very helpful, and I have a quick question asking for a recommendation. I need to put together a "payment form" for people to pay for various items, none of which have a fixed price. I would need various entries such as Electric where the input to the question would be a numeric value like 12.45. In the templates, Widgets, I've tried so far if I don't put in a value it assume free. If I assign it a value of $0.00 then we need to be able to have the person submitting the form be able to change the amount.

    When the person has input the various amounts they want to pay, then I need to pass the total, plus a calculated handling fee, to Square.

    I believe I can do what I want with various text inputs and then chaining everything together with a calculation form; however, it seems rather clumsy which is why I'm asking if there is a Widget you know about that will handle what I need. I've browsed through the widgets but there are so many and it is probably easy to overlook one. 

    If I have to use the text input and chain them together with a calculation widget/form is there a way to change the input from text to numeric with two decimal places?

    Thanks for your time. As you work with the application every day you may be aware of a widget or procedure you can point me to. I appreciate your help.

    Bob

  • jonathan
    Replied on April 28, 2019 at 4:42 PM

    I think what you were looking is simply the combination of using payment field with User Defined Amount as payment type + Number field + Form calculation widget = Custom Payment Form.

    I will create a demo form with this concept. I will update you shortly.




  • jonathan
    Replied on April 28, 2019 at 4:58 PM

    Please test my demo form https://form.jotform.com/91176367735971

    1556484916zzz 2019 04 29 04 Screenshot 10



    It work like this...

    1556485107zzz 2019 04 29 04 Screenshot 21


    I hope this help. Please let us know if you need further assistance on this.

  • whittaro
    Replied on April 29, 2019 at 12:43 PM
    Thank you for your assistance. I had put together something along that line but it lacked some features you had in your example. I appreciate your time.



    Bob Whittaker

    ...
  • whittaro
    Replied on April 29, 2019 at 4:16 PM

    Thank you again for your assistance. One more question; not certain if I used the right type fields in my form https://www.jotform.com/build/91126985692974 as I cannot get the numbers to align right or show two decimal places. The form will do what I want, but if possible I'd like the looks of the numeric fields to be more professional.

  • jonathan
    Replied on April 29, 2019 at 5:26 PM

    I have fixed it on your form using the following CSS codes.

    .form-number-input.form-textbox {

        text-align : right !important;

    }

    #input_14 {

        text-align : right;

    }


    Can you please check again. Let us know how it goes.