VCES iframe styles

Solved! Go to solution

VCES iframe styles

Hello from Crello Dev Team. We are working on Visa Card Eligibility Service integration and faced some issues.
API: Visa Card Eligibility iFrame API
Problem: styles doesn’t load in the iframe
Details: We successfully implemented the Register iFrame flow and rendered the iframe itself. But it has raw styling as presentation1.css is not loaded (404 Not Found). We found out that the request for this stylesheet is redirected from the original link (https://vcescert.visammg.com/VCESIFrameSbx/css/presentation1.css)
to some weird one 
(https://vcescert.visammg.com/VCESIFrameSbx/(S(gvos4qmfr0qy3flqn3gg4x0o))/css/presentation1.css).
Screenshots attached.
Screenshot 2021-08-04 at 14.07.30.pngScreenshot 2021-08-04 at 14.10.22.pngScreenshot 2021-08-04 at 14.12.29.pngimage (3).png
May you please explain how can we make an iframe look as it was presented to us (see in screenshots)? 
Looking forward to your response.
Best regards, Crello Development Team.

10 REPLIES 10
SLi
Visa Developer Support Specialist
Visa Developer Support Specialist

Re: VCES iframe styles

Hi @roman_borodatov,

 

For VCES integration issues on CERT environment, please send an email to developer@visa.com and share the project name. We have a  dedicated support team to help with issues in CERT. 


Best,
Stacey

Was your question answered? Don't forget to click on "Accept as Solution" to help other devs find the answer to the same question.
o_dikhtiaruk
Regular Visitor

Re: VCES iframe styles

 Hi! 

Thanks for your response. As far as I understand - our Visa project is at the sandbox stage right now. Do I use the wrong link for the iframe or something?

Re: VCES iframe styles

Hi, @SLi
Our project is at the sandbox stage atm. Do we use the wrong URL for the iframe?
If it is the case, what URL should we use (couldn't find this part at your docs).

Thanks,
Roman
SLi
Visa Developer Support Specialist
Visa Developer Support Specialist

Re: VCES iframe styles

Hi @roman_borodatov,

 

Thanks for clarifying that you are testing in sandbox environment. Please share the API endpoint URL that you are calling? Is it this: https://sandbox.api.visa.com/visacardeligibilityservices/v1/registeriframe/token

 

Is there is an issue of the redirect to the url that you provided?

 


Best,
Stacey

Was your question answered? Don't forget to click on "Accept as Solution" to help other devs find the answer to the same question.

Re: VCES iframe styles

@SLi I am using this API request https://sandbox.api.visa.com/visacardeligibilityservices/v1/registeriframe/token to get a token for my iframe.
Then i am rendering iframe on my html page with this code:


<
iframe
id="frame"
width="500"
height="500"
/>
 
This iframe renders with raw styles. As I've described in the original issue - the stylesheet is not loaded.
Where is my mistake, do I use the wrong src for the iframe?
SLi
Visa Developer Support Specialist
Visa Developer Support Specialist

Re: VCES iframe styles

Hi @roman_borodatov,

 

Please use the url below (no backslash after Sbx):

 

https://vcescert.visammg.com/VCESIFrameSbx?Token={token}&Lang=en

 

 


Best,
Stacey

Was your question answered? Don't forget to click on "Accept as Solution" to help other devs find the answer to the same question.

Re: VCES iframe styles

Hi @SLi 
I've used the URL you suggested and it created another issue. Now iframe is not loading properly due to multiple redirects.
Screenshot 2021-08-04 at 21.53.05.png

 



Best,

Roman

SLi
Visa Developer Support Specialist
Visa Developer Support Specialist

Re: VCES iframe styles

Hi @roman_borodatov,

 

The redirect is a known issue that our tech team is investigating. I'll share update as soon as I hear back from the team. 


Best,
Stacey

Was your question answered? Don't forget to click on "Accept as Solution" to help other devs find the answer to the same question.

Re: VCES iframe styles

Hi @SLi 
I am looking forward to hearing from you. Our partnership integration with Visa is blocked at the moment by this iframe issues.

Best, 
Roman.