cancel
Showing results for 
Search instead for 
Did you mean: 

Display Accept hosted Payment form horizontal

Hi Team,

 

We have accept hosted payment form with all the billing details.

But here the payment form look like long in hieght.

 

Instead of scrolling down vertically,  how can we display the hosted payment form element horizontaly(Landscap) as like 

https://nexwebsites.com/authorizenet/

How can we achieve this.

 

Thanks in advnace.

raviparmarce88
Regular Contributor
1 ACCEPTED SOLUTION

Accepted Solutions

Just target your iframe and style with properties like the following:

<iframe id="payframe" name="payframe" style="height:550px;width:100%;border-style:none;"></iframe>
Powered by NexWebSites.com -
Certified Authorize.net developers

View solution in original post

NexusSoftware
Trusted Contributor
3 REPLIES 3

Just target your iframe and style with properties like the following:

<iframe id="payframe" name="payframe" style="height:550px;width:100%;border-style:none;"></iframe>
Powered by NexWebSites.com -
Certified Authorize.net developers
NexusSoftware
Trusted Contributor

Thanks @NexusSoftware,

 

Actually we are using iFrame with lightbox popup.

We have particular checkbox and on clicking on that checkbox i am opening iframe in lightbox as given the sample code in github.

Do you have any idea how I can achieve this?

Is your iframe width set to 100%?
Powered by NexWebSites.com -
Certified Authorize.net developers