Display Accept hosted Payment form horizontal

[raviparmarce88]

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.

[NexusSoftware · Accepted solution]

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>

[raviparmarce88]

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?

[NexusSoftware]

Is your iframe width set to 100%?