Question

Enter collect payment information on last page only when using pagination

Forms Version 11 Forms Layout Designer How To

Updated June 21, 2023

asked on April 6, 2023

Is there a way to have the collect payment information on a separate page instead of the bottom of every page when using pagination? I am using the new designer. Below are the fields that are displayed for entry when collecting payments. Could the LFForms object be used with Javascript? These fields are produced by Laserfiche when you select 'Collect payment' in the process diagram.

0 0

Answer

SELECTED ANSWER

replied on June 14, 2023

You can try the following CSS, see if it works out for you;

#payment-container {display: block; }
#payment-container:nth-last-child(2) { display: none; }

If you don't use the pagination next/prev buttons, change 'nth-last-child(20)' to 'last-child'.

0 0

replied on June 21, 2023

Thank you Jay.

Had to make a couple changes, but it is working great. You got me going in the right direction. Below are the changes I made. Just in case it can help someone else.

#payment-container {display: none; }
#payment-container:nth-last-child(3) {display: inline;}

I used nth-last-child(3) instead of nth-last-child(2). The 3 appears to be the last page no matter how many pages are created. As I added pages the payment container moved to the last page.

It's working great.

1 0

Replies

replied on April 12, 2023

Well, I wasn't able to have it display on the last page only, but I was able to use the CSS: div#authorize.authorize-row { display : none; }, to have it not display. Which is working fine.

Question: How would I change the CSS to display:inline when a radio button is selected? I guessing I would use the onFieldBlur for the radio button but I'm not sure how I would get the CSS to change within the Javascript; because, the authorize-row class is not a field within the form that can be accessed.

0 0

replied on April 24, 2023

Is the payment-container contained within the sandbox? Or, is it an element that is outside of the sandbox. I'm guessing inside.

The initial CSS entry, div#authorize.authorize-row { display : none; }, works for hiding the payment-container, but I can't figure out a way to set it back to {display : inline}.

Is it possible to do this?

Thank you in advance for any assistance.

0 0

You are not allowed to follow up in this post.

Question

Question

Enter collect payment information on last page only when using pagination

Answer

Replies

Sign in to reply to this post.