I'm trying to insert a '$' before a field.

  • Profile Image
    SoftTissues
    Asked on May 26, 2021 at 05:59 AM

    I'm trying to insert a '$' before a field. Whatever I try seems like it doesn't work.

    In this form: https://www.jotform.com/211108961559156

    I tried the following, none of it worked:

    .totalDue:before{

    content:"$";

    }

    .q171_totalDue:before{

    content:"$";

    }

    #input_171:before{

    content:"$";

    }

    .q171_totalDue:before{

    content:"$";

    }



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    Michael
    Answered on May 26, 2021 at 09:13 AM

    If this is what you are trying to accomplish,

    1622034731_60ae492baefac_zt210526_091131

    please try injecting the custom CSS codes below into your form.

    div#cid_171:before {
        content: "$";
    }

    Feel free to let us know if you need any further assistance.

  • Profile Image
    SoftTissues
    Answered on May 26, 2021 at 10:55 AM

    Is there any way for me to put the $ sign inside of the "Total due" box, before the number?

  • Profile Image
    Alexander
    Answered on May 26, 2021 at 12:57 PM

    Hello,


    If I understood your request correctly - you may add a dollar sign in the calculation field before the calculation:

    1622047902_60ae7c9e5ea40_

    Result:

    1622048023_60ae7d1708199_screencast 2021

    Related guide: 👉 How to Perform Form Calculation Using a Widget


    Thanks,

    Alex

  • Profile Image
    SoftTissues
    Answered on May 27, 2021 at 12:52 AM

    Thank you. how would I do that for the Stripe integration?

    1622050637_60ae874d383f1_

    It would also be nice if I can remove the "USD" at the end.

  • Profile Image
    Patrick_R
    Answered on May 27, 2021 at 05:29 AM

    Hello!

    1. You can't put a $ sign in the Stripe payment field as this is not supported.

    2. We can remove USD by using the following CSS code:

    #cid_194 > div > div.product-container-wrapper > span > span{
     display: none;
    }

    Please use these instructions to insert this code into your form. Make sure to place this at the end of your existing CSS code.

    Thank you!

  • Profile Image
    brfi
    Answered on June 16, 2021 at 03:19 AM

    How would I insert the '$' on a "number" element?

    Using https://www.jotform.com/211108961559156, input ID #input_171 as an example.

  • Profile Image
    Patrick_R
    Answered on June 16, 2021 at 05:59 AM

    Hello Charles! I'll reply to your query here: https://www.jotform.com/answers/3163682

    Thank you!