Input Table: Can I add dollar signs into columns?

  • David Ferrara
    Asked on March 18, 2024 at 2:23 PM

    can a column be modified to either add a dollar sign or convert numbers into usa currency format.

  • Eliza JotForm Support
    Replied on March 18, 2024 at 2:41 PM

    Hi David,

    Thanks for reaching out to Jotform Support. To clarify, do you mean you want to add a dollar sign to your columns, similar to what's shown in the screenshot below?

    Input Table: Can I add dollar signs into columns? Image 1 Screenshot 30If yes, this can be done by injecting CSS code into your form. But for us to come up with a custom CSS, can you specify which rows and columns do you want to put the dollar sign into? For the sample results that's shown in my screenshot above, here's the CSS that I injected:

    table.form-matrix-table .form-textbox{
     width: 1px !important; /* changes width */
    }
    .form-matrix-values{
     position: relative;
    }
    .form-matrix-values input{
    padding-left: 25px;
    }
    .form-matrix-values:before{
    position: absolute;
    left: 7px;
    top: 9px;
    }
    .form-matrix-values:nth-child(2):before{
    content: "$";
    }

    Let me walk you through injecting CSS code into your form:

    1. In Form Builder, click on the paint roller icon on the right side of the page.
    2. Go to the Styles tab, and scroll down a bit to see Inject Custom CSS.
    3. Inset the code given above to test.

    Input Table: Can I add dollar signs into columns? Image 2 Screenshot 41 Also, about your other question which is converting numbers into US currency, can you explain it to us a bit more, so we can guide you correctly?

    Once we hear back from you, we'll be able to help you with this.