Change paypal preload spinner

  • Profile Image
    gyangting
    Asked on July 21, 2014 at 11:42 AM

    Hi,

     

    The paypal preload spinner my customers see on my mobile website after clicking the pay button and being redirected to paypal, is WAY TOO BIG.

    See attached file.

    Is possible to change it. I have a nice GIF preloader I can use to replace it, but I do not know where to enter its url.

     

    Please let me know.

    Thanks,

    Cheers,

    Guy

  • Profile Image
    david
    Answered on July 21, 2014 at 12:44 PM

    Hi,

    Unfortunately that spinner is on Paypal's end.  Here is Paypal's guide on how to edit the their layout:

    https://www.paypal.com/customize

    Though I could not find anything on customizing the loading GIF.

    You can also edit the payment page layout through our interface:

    Though there is not an option to alter the loading GIF here either.  I have opened a ticket for a feature request to see if this is something we can add in the future.  For now, unfortunately it is not possible.

    Please let us know if you have any other questions and we will be happy to help.

    Thank you for using Jotform!

  • Profile Image
    gyangting
    Answered on July 21, 2014 at 05:17 PM

    Thanks for your thorough and clear response.

  • Profile Image
    david
    Answered on July 21, 2014 at 06:27 PM

    No worries, we are here to help.  You could try using our mobile responsive widget:

    http://widgets.jotform.com/app/mobile_responsive

    To see if that alters the way things load in a mobile environment.  This may allow at least for the GIF to be loaded in a smaller format on mobile.  Let us know if you have any other questions and we will be happy to help.

    Thank you for using Jotform!

  • Profile Image
    gyangting
    Answered on July 23, 2014 at 02:59 PM

    Thanks David, I tried it, but it does not change the spinner.

     

    In addition, it removes the subtotal I had in the form, as well as the labels for the dropdowns.

    Too bad, because I really like the mobiel layout it provides. Using it would prevent me from having 2 forms, one for desktop and one for mobile.

    Can these issues be fixed ?

    Guy

  • Profile Image
    david
    Answered on July 23, 2014 at 03:26 PM

    Hi,

    I have confirmed with a colleague that the spinner is indeed something that currently cannot be altered.  If the formatting is off with the mobile widget, you could try using CSS injection to change and adjust the mobile formatting:

    /*-----------RESPONSIVE-----------*/

    @media only screen and (max-width: 480px) {

    .form-textarea,

    .form-textbox,

    .form-dropdown{

    width: 100% !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    .form-label-left, .form-label-right{

    width: auto;

    }

    .form-buttons-wrapper{

    margin-left:0 !important;

    }

    .form-input {

    width: 100%;

    }

    .form-all{

    width: 98%;

    }

    .form-sub-label-container {

    width: 100%;

    display:block;

    }

    /*--for the address table--*/

    span.form-sub-label-container + span.form-sub-label-container {

    margin-right: 0;

    }

    .form-address-table select,

    .form-address-state,

    .form-address-table, 

    .form-address-line,

    .form-address-table .form-sub-label-container {

    width: 100%;

    }

    .form-address-postal,

    .form-address-city{

    width: 99%;

     

    }

    .form-address-table td, .form-address-table th {

    padding-bottom: 10px;

    padding: 0 0 10px 0;

    }

    }

    Simply inject this CSS to your form. How to Inject Custom CSS Codes to your Form

    Here's a demo: http://www.jotformpro.com/form/31362999175971, try resizing the browser window width and see how the form reacts.

    We will let you know when we have an update for the spinner.

    Thank you for using Jotform!