Show Totals in USD with $ sign

  • JORDAN_RYAN
    Asked on February 9, 2021 at 1:38 PM

    Is there a way to make the total show in USD when filling out the form?

    Jotform Thread 2886212 Screenshot
    Page URL: https://www.jotform.com/build/203436716102143#preview
  • Kiran Support Team Lead
    Replied on February 9, 2021 at 4:25 PM

    I am not sure if I understand your query correctly. Do you mean to display the USD in the submissions? Could you provide us with more information on your requirement so that we can assist you further?

    We will wait for your response. Thank you!

  • JORDAN_RYAN
    Replied on February 9, 2021 at 11:34 PM

    Under the payment info, it is showing 85 instead of $85.00.

  • Vick_W Jotform Support
    Replied on February 10, 2021 at 1:57 AM

    Hi Ryan,

    Unfortunately, there is no direct way of adding a $ sign in the payment field. However, it can be done using CSS.

    I've created the following CSS code that will show a $ sign with the payment. Please inject the following CSS into your form.

    div#cid_86:before {
    
    font-family : FontAwesome;
    
    content : "$" !important;
    
    position : absolute;
    
    top : 6px;
    
    height : 100%;
    
    width : 18px;
    
    line-height : 25px;
    
    text-align : center;
    
    font-size : 18px;
    
    z-index : 100;
    
}
    
input#input_86_donation {
    
    width : 20%;
    
    padding-left : 15px;
    
}

    Please check the related guide below.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if you need further assistance.

    Thanks