What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Change paypal preload spinner

    Asked by gyangting 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

    Screenshot
    Mobile thanks attached file attached
  • Profile Image
    JotForm Support

    Answered by david 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

    Answered by gyangting on July 21, 2014 at 05:17 PM

    Thanks for your thorough and clear response.

  • Profile Image
    JotForm Support

    Answered by david 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

    Answered by gyangting 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
    JotForm Support

    Answered by david 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!