IAV Custom Stylesheets not coming through

API Support
1

We are using dwolla.js + IAV and the trying to apply custom styles to the iframe, but they are not coming through.

dwolla.configure("sandbox");
dwolla.iav.start(
    iavToken,
    {
        container: 'iavContainer',
         stylesheets: ['https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext', '/styles/dwolla.css'],
         microDeposits: false,
         fallbackToMicroDeposits: false,
    },
    function (err, res) {console.log(err, res)}
);

When the IAV container is initiated, it looks like the stylesheets are coming from https://sandbox.dwolla.com rather than the local file specified in the stylesheets configuration:

image
image2058×806 126 KB

How should these custom styles be added to appear correctly in the iframe?

2

Hi @suhmantha1 – ah, the custom stylesheet needs to be hosted somewhere ini order to be used in the IAV modal.

Here’s a code example using a hosted stylesheet:

 dwolla.iav.start(token.value, {
          container: 'iavContainer',
          stylesheets: [
            'https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext',
            'https://exampleapp.com/iav/yourCustomStylesheet.css'
          ],
          microDeposits: false,
          fallbackToMicroDeposits: true,
        }

Hope that helps!