question

Saher avatar image
Saher asked gd213 answered

Payment sdk Iframe

I have successfully implemented the iframe pyament sdk, it is working on the laptop browser easily, but it is not working on the webview of android device. Can anyone help me , what I am doing wrong with the sdk.


Thanks

Payments
10 comments
10 |2000
Toggle Comment visibility. Current Visibility: Viewable by all users

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

David Marginian avatar image David Marginian ♦♦ commented ·

If you could provide some more details, that would be helpful (what is the problem? what version of Android, etc.).

0 Likes 0 ·
Saher avatar image Saher David Marginian ♦♦ commented ·

It is not working in mobile browser also, I have copied the link that works in laptop browser, but the form is not submitting on the mobile browser, it shows nothing , no error is coming up. But the form is not submitting

0 Likes 0 ·
David Marginian avatar image David Marginian ♦♦ Saher commented ·

I pinged the ecomm team about this and they are going to look into it.

0 Likes 0 ·
Show more comments
manu30891 avatar image manu30891 commented ·

Hello @David Marginian,

Here is an iFrame example https://codepen.io/gareth-dsouza/pen/RwPjBXJ which is not working on any Android device mobile browser. Not working means, After filling all the details, Submit of form is not working though the same is working on a Desktop browser.


User Agent detail of the client is "Mozilla/5.0 (Linux; Android 9; RMX1825) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Mobile Safari/537.36".


For any help from anyone Thanks in advance.

0 Likes 0 ·
gd213 avatar image gd213 ♦♦ manu30891 commented ·

@manu30891 we made a few changes and wanted to know if you are still seeing the issue here - https://codepen.io/gareth-dsouza/pen/RwPjBXJ

0 Likes 0 ·
Saher avatar image Saher gd213 ♦♦ commented ·

Yes its working, thanks for your help, may I know what changes you have done.

0 Likes 0 ·
Show more comments

1 Answer

·
gd213 avatar image
gd213 answered

There was an issue with how we were rendering some elements which was causing them to not initialize a few components since they were out of the view port.

7 comments
10 |2000
Toggle Comment visibility. Current Visibility: Viewable by all users

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Saher avatar image Saher commented ·

you have used a different sdk library in your codepen, I am using a different, is there any issue?

Because my code is still not working

I am using this sdk

https://checkout.sandbox.dev.clover.com/sdk.js

Thanks in advance

0 Likes 0 ·
Saher avatar image Saher commented ·

https://codepen.io/sahersiddiqui/pen/YzXMLzq


this is my codepen , you can check here what I am doing, please correct me if there is any issue.


Thanks in advance

0 Likes 0 ·
gd213 avatar image gd213 ♦♦ Saher commented ·

we've deployed latest fixes to the sandbox. Please see the on blur/ on change call back event objects for the changes. The code looks good to me, please ensure that you are using a correct pakms token

https://codepen.io/gareth-dsouza/pen/RwPjBXJ

0 Likes 0 ·
gd213 avatar image gd213 ♦♦ gd213 ♦♦ commented ·

https://docs.clover.com/clover-platform/docs/using-the-clover-hosted-iframe#section-setting-up-the-payment-form

0 Likes 0 ·
Show more comments

Write an Answer

Hint: Notify or tag a user in this post by typing @username.

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Welcome to the
Clover Developer Community