How to show a loader during IAV process after clicking buttons

API Support
1

I want to show a loader when i click to ‘Add Bank’ button, because after click the button it takes time to load the bank related form in iframe.

Please have a look at attached screenshot.

Capture
Capture1101×535 16.8 KB

Please help!

2

Hi @raju.ncrts - I’m afraid there isn’t a way using dwolla.js+IAV to display a loader when the iFrame is loading, but perhaps the subscriber callback within dwolla.js+IAV could be utilized in accomplishing this.

Thanks, and let us know if you come across any questions when trying that out!

3

What I did to accomplish this was hide the loader in the IavContainer, remove the display: none when the button is clicked via JS, then hide the loader again when subscriber, currentPage is initiated.

> <div id="dwollaContainer" class="vanish flex-initial h-full center w-11/12 px-8 pt-6 pb-8 mb-4">
>         <div id="mainContainer">
>           <div id="circleLoader" class="center loader double-circle">
>           </div>
>         </div>
>         <div id="iavContainer">

subscriber: ({ currentPage, error }) => {
$(circleLoader).addClass(‘vanish’);

$(dwollaBtn).click(() =>  {

    $(greetContentContainer).hide()

    $(dwollaContainer).removeClass('vanish')
2 Likes