Are there any better apps can be used for more than one picture?

  • Profile Image
    Asked on May 20, 2016 at 04:20 AM

    Further questions deriving from the below:

    Total Installment Arrangement refers to how many installments the customer require.
    Installment Arrangement refers to Installment Number, Post-Dated Cheque Dates, Cheque Number to be filled up by customer + Date Cheque Cleared to be filled up by our Accounts.


    Question 3:

    After customer chosen Total Installment Arrangement, the corresponding number of tick boxes will appear. Once ticked show, it will show its own corresponding Upload Image Preview field (which can then become part of responder form to customer either via email/PDF. So far this is the best apps I've checked. I find File Upload field is not good enough as not display the picture of receipt/cheque image for our cross reference. 

    To use the Upload Image Preview, have to do a lot of work. And remove the clutter, have to use Total Installment Arrangement to control the Tick Boxes used and from there, Tick Boxes to control the Show/Hide of the Upload Image Preview. Are there any better apps can be used for more than one picture?

  • Profile Image
    Answered on May 20, 2016 at 05:31 AM

    I will make further tests, but I have one question: why are you only showing the image preview widget after user select the "show" checkbox?

    I will try to find a simpler solution.

    Let us know if we can assist you further.   

  • Profile Image
    Answered on May 20, 2016 at 05:44 AM
    Hi carina, the reason is we have up to 36 cheque images to scan. Hiding
    will compact the form.
    But when email out prefer to not show the blank
    fields. That not sure how to.

  • Profile Image
    Answered on May 20, 2016 at 07:46 AM

    I believe I get your point.

    Maybe adding a form collapse would be simpler and even more compact (on the frontend, not so much on the backend):

    You can take a look at the demo form: 

    I moved your second question to a new thread as it was a different matter. You can find it here: 

    Let us know if we can assist you further.   

  • Profile Image
    Answered on May 20, 2016 at 09:44 AM
    Thanks! Carina. Indeed look much neater! By the way on paypal subscription
    details, is there anyway to make it look more neater? Right now already
    shortened name of our course and it looks very lengthy.
  • Profile Image
    Answered on May 20, 2016 at 11:18 AM

    The payment item names are all the same. How about making this as the label of the payment field then just put the installments as the items? 


    Autodesk Maya Cert. Pro. in 3D Animation


    Payment Items:

    48 months Installment

    36 months Installment

    24 months Installment

    12 months Installment

    6 months Installment

    3 Bi-Monthly Installment

    2 Quarterly Installment

    Single Payment

  • Profile Image
    Answered on May 20, 2016 at 05:44 PM
    Thank you this will be the best! Is there anyway to collapse these or i
    have to use iframe for multiple other items with different payment
  • Profile Image
    Answered on May 20, 2016 at 06:21 PM

    Thanks Welvin, tried that. Unfortunately in PayPal itself will not show name of product and just the "48 installment" in example. The only way workaround is to further shorten the product name?

    Was thinking whether there is an option that what the field name is shown is different from value sent to "PayPal". I believe I saw this comment somewhere which can be equally be used for email fields/spreadsheet fields. That what the customer see on the form is not necessarily the same value delivered to the backend.

  • Profile Image
    Answered on May 20, 2016 at 06:25 PM

    Hi Carina,

    On the collapse form, after look through, indeed it is very messy as I would have imagine that at the spreadsheet end, we will see many repeated "Cheque 01" columns. It not just have to look neat for front visual. But also backend for better management of data.

    I guess the collapse form is not a good option to use?

  • Profile Image
    Answered on May 20, 2016 at 08:32 PM

    Regarding to the product name, you may set the name as you want, just to know the name of the purchased product in your submission and display a name completely different in the form, this can be achieved with CSS, for example, this code will hide the name set in the payment integration: 

    #product-name-input_22_1002 {

        font-size : 0px;


    And this code will show the text again, but customized, this name will be shown only in the form, when users load it, but will not be the same in the submission or when it is sent to PayPal: 

    #product-name-input_22_1002:after {

        content: "Testing label" ;

        font-size : 20px;


    You will need to apply this code to each item in your product, to get the item ID follow these steps.

    First, right click on the product name and then click on inspect to get the web console focused on that field: 

    You will get the web console with the HTML code of the product name selected, there you need to copy the value in the ID attribute and replace it in the code given above: 

    Doing this does not matter the name you set to the product, you are able to customize it with the given code. 

    Regarding to your second question, about the upload widgets, I'm not sure if understood correctly, but seems like you do not want to show all the upload widgets at the same time, I think you can show only one and then start showing the next fields, if there are more that need to be filled, once the widget is being filled, for example, you will need to use the show/hide condition to show the fields, the condition should like like this: 

    Here is the result of this condition, do note that you will need to make one condition per field, so showing the next field if the previous one is filled: 

    Here is also my clone form of yours where you can see this working: 

    The show condition is working only when you select 6 monthly payment in the field Total Installment Arrangement

    Hope this helps.