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

    How can I get the Paypal total to display the decimal places and a dollar sign?

    Asked by hughdal on June 19, 2015 at 11:33 AM

    And also with a "$" sign

    Thanks

     

    Screenshot
    decimal decimal places paypal total dollar sign PayPal
  • Profile Image

    Answered by Ben on June 19, 2015 at 01:05 PM

    You are actually already getting the decimal places shown in it, but due to the style that you have added to the form, it is not showing the entire amount - you would see it if you had set the prices higher and expected a 3 digit number in there.

    What I would suggest is to just add the following code to your forms Custom CSS code:

    #input_7_donation {
        width: 70px;
    }

    This code will make it a bit larger and in the same time show the decimal places.

    Now to show the dollar sign before the amount we would need to be tricky and I just know the code for that:

    #cid_7 > span:before {
        content: "$";
        left: 17px;
        position: relative;
        top: -1px;
    }

    This code will add the $ right before the actual amount in the number while it will not cause any issues with the actual payment amount as it is actually not there with it - we just make it seem as if it is.

    You can add both styles to your jotform by following the steps here: Inject Custom CSS Codes just remember to add the codes above at the very end of that field - after all the other code.

    If you wish you can also just clone this form instead: http://form.jotformpro.com/form/51695293594974

    You can do that by following these steps: How to Clone an Existing Form from a URL

  • Profile Image

    Answered by slombardo on February 11, 2016 at 05:39 PM

    Hi,

     

    I'm having the exact same problem but the second part of the code doesn't work. I already have the following code in the custom CSS to increase the width but I need the $ and commas after the thousands.

    input[id*="_donation"] {

    width: 75px

    }

     

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 12, 2016 at 01:26 AM

    To better assist you with your issue, I have moved your concern to another thread. Your issue will be answered on that thread. Simply follow this link: http://www.jotform.com/answers/770674 
    Regards.