How to Position the HostedForm?

[grichards]

I've got a working implementation, thanks for that!

I have a form with shipping address, billing address, payment info (via HostedForm), and then a Final Review button.

I input all the info and at the bottom I click the button generated by HostedForm.

That action opens the lightbox with the Authorize.net form, but it also renders that form near the top of the page and scrolls me up... forcing me to scroll all the way back down again to click Final Review.

How can we position the HostedForm?

Ideally, it wouldn't be a modal at all, but could be contained within a div I provide.

OR, how can I position it so that is pops up center screen at the current scroll location, and not at the top of the page?

Thanks!

[grichards]

FYI I discovered the issue is within the AcceptUI.js file itself... there is a hardcoded window.scrollTo(0,0) in there, I presume because the modal is absolute positioned at the top of the page, and this guarantees it's visible when the button is pressed even if the button is down on the page.

Poor implementation if you ask me.

Better implementation would be for the modal to be position:fixed and no scrollTo. Then, the modal will appear in the middle of the screen no matter where you are on the overall page.

I have implemented this by downloading the AcceptUI JS, revising it, and loading it locally.