Show "$" dollar sign in input table properties price

  • Beely Xaphouvong
    Asked on January 28, 2020 at 3:21 PM

    I am attempting to put a dollar sign symbol within an input table properties form field. We need it for a multi type columns table.

    The desired action is to have the dollar sign symbol display alone before field is inputted. ($)

    Then once a user begins filling out a price the dollar sign symbol remains in field of the inputted numbers. ($XX)


    Jotform Thread 2136356 Screenshot
  • Elton Support Team Lead
    Replied on January 28, 2020 at 6:38 PM

    That's possible on the design level by injecting custom CSS codes to your form but it can't be saved as part of the number value in the submissions data. Is this okay?

    Ex. try injecting the following CSS codes to your form.

    #id_209 tr th + td.form-matrix-values:before,

    #id_201 tr th + td.form-matrix-values:before {

        content: "$";

        position: absolute;

        margin-left: 05px;

    }

    #id_209 tr th + td.form-matrix-values .form-textbox,

    #id_201 tr th + td.form-matrix-values .form-textbox {

        padding-left:20px;

    }

    Guide: How to Inject Custom CSS Codes

    Here's how it looks after:

    Show $ dollar sign in input table properties price Image 1 Screenshot 20

    If you want to keep the dollar sign as part of the value, you can prepopulate fields with a dollar sign through a URL parameter. This would require a few parameters since you have a few text boxes to prefill. Guide: Prepopulating the fields to your JotForm via URL parameters

  • Beely Xaphouvong
    Replied on January 29, 2020 at 10:20 AM

    This works as expected. Thank you.