Forums

Issue with Multi-Page set-up

coughlin 21 Feb, 2017
Dear Chrono,

We created a one-page (long) form and everything works perfectly. At the very beginning of this form the data requested is establishing a dollar fee that will be paid for at the very end of the form. The field that establishes the fee is a dropdown box and as a one (single) page, this fee is captured (and showing) in the Amount Due field (set as 'disabled') using the Load Javascript setup option just above where credit card info is entered.

As mentioned, as a one-page form everything works perfectly! Wanting to break-up this long form into multi-pages, was not a problem and we have this mulit-page form working perfectly. Except... the fee established in the dropdown box on Page 1 is now not populating the Amount Due field on Page 5 (as it was doing when it was a single page form).

With the exception of the Amount Due field not getting populated when it's a multi-page form, everything is working as designed. Please, what are we missing? As you can imagine, the Amount Due field getting populated is a very, very important field so the customer can see what is being charged to their credit card.

Short of a solution we'll have to revert this form back to a single page and that is not a desired option. Thanking you in advance for your reply.

In regards,
Mike B.
GreyHead 22 Feb, 2017
Hi Mike,

The Amount Due field should probably be set to readonly - not disabled - as the values of disabled inputs are not submitted.

I assume that you are using the Multi Page element to pass the data between the pages?

Bob
coughlin 22 Feb, 2017
Bob,

Thanks for your assistance. First, where do we find the readonly option (https://www.screencast.com/t/IZAfN4BBz)? Secondly, Yes, every page within this form has the Multi Page element in the set-up (https://www.screencast.com/t/eFeMRGqe3p5). Sorry for the screencasts but your 'Attachments' button is not active.

Mike

p.s. Bob, when we change this Amount Due setting to ''Visible & Enabled" (on Page 5) the value is still not getting passed from the fee dropdown option ()on Page 1) at the beginning of the form.
GreyHead 22 Feb, 2017
Hi Mike,

You can add readonly=readonly in the Extra Params box as there isn't a built-in readonly setting

Bob
coughlin 22 Feb, 2017
Bob,

Added readonly=readonly into the Extra Params as instructed but the 'Amount Due' field is still empty. Something within the Multi-Page system is keeping the 'dollar fee' established on Page 1 from getting inserted into the 'Amount Due' field on Page 6. As I mentioned above, the 'Amount Due' field gets populated and hits the database when this is a single page form.

Everything about the Multi-Page set-up is working, from start to finish, except for the empty 'Amount Due' field!

Suggestions?

Mike
GreyHead 22 Feb, 2017
Hi Mike,

By all means PM me the site URL, the form name, and a SuperAdmin login and I'll take a quick look.

Bob
coughlin 22 Feb, 2017
Bob,

Just sent you a PM. Thanks for your assistance.

Mike
GreyHead 22 Feb, 2017
Hi coughlin,

Unless I've missed something, he drop-down on page 1 where you set the price is called 'NumberAnnouncements' and the text input on page 4 where you display it is called 'total'. There is no 'total' value to display.

I've added a Custom Code action that copies the value from one into the other - you might want to modify that to remove the $ sign.

I also added Debuggers so you can see the data at each stage, disable or delete these when you are done testing.

Bob
coughlin 22 Feb, 2017
Bob,

Thanks for your help! We'll check your revisions shortly. However, to answer your question, "Unless I've missed something, he drop-down on page 1 where you set the price is called 'NumberAnnouncements' and the text input on page 4 where you display it is called 'total'. There is no 'total' value to display.". The 'total' field has this assigned Javascript;

function display_total() 
{ 
var totalPrice = document.getElementById('NumberAnnouncements').value;
document.getElementById('total')
   .value = totalPrice;
}


This script is designed to grab the value from 'NumberAnnouncements' and place it within the Amount Due field on Page 4. This script works as written when this form is a single page!

Again, we'll check your work shortly and reply back. Thanks!

Mike B.
GreyHead 22 Feb, 2017
Hi Mike,

I had missed the JavaScript - but I still see some problems with it a. it changes the value of an element with the ID 'total' (and presumably the same name) but there isn't one on that page and b. the function that fires it is onKeyup on CardHolderName which is also not on that page. You could add a hidden input to carry the total forward but unless there are other additions the code I added is probably simpler.

Bob
This topic is locked and no more replies can be posted.

VPS & Email Hosting 20% discount
hostinger