How to add currency column in Input Table

  • dwills441
    Asked on May 7, 2024 at 7:23 PM
    I selected multi-format in the properties but I cannot see how to make some numbers or currency.
  • Aravir JotForm Support
    Replied on May 7, 2024 at 7:34 PM

    Hi dwills441,

    Thanks for reaching out to Jotform Support. Unfortunately, it is not possible to set a selected column to the currency column type. However, you can inject the CSS code below to set a default currency value. You can replace the $ sign with your preferred currency.

    .form-matrix-value-tr .form-matrix-values:last-child::before {
    content: "$";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    }


    Checkout the screencast below to see the result:

    How to add currency column in Input Table Image 1 Screenshot 20

    Let us know if you have any other questions.

  • dwills441
    Replied on May 8, 2024 at 9:27 AM

    Hello Aravir,

    Thanks for your response. I've decided to go with a configurable list so the user can add rows. How can I apply the currency CSS in the configurable list? Thanks.

  • Lorenz JotForm Support
    Replied on May 8, 2024 at 10:07 AM

    Hi dwills441,

    Thanks for getting back to us. We can also use Custom CSS code for that. But instead of adding the code inside the Form Designer, you will have to inject it directly to the widget. Let me walk you through it:

    1. In the Form Builder, select the Configurable list widget.

    2. Click on the wand icon.

    3. Next, go to the Custom CSS tab of the widget.

    4. Lastly, add the code below and click on Update Widget.

    /* add currency sign to the configurable list field */
    .col6 input.form-number-input.form-textbox.stepper {
    padding-left: 30px !important;
    }
    .col6 .stepper-wrap:before {
    content: "$";
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 16px;
    }

    How to add currency column in Input Table Image 1 Screenshot 20

    Give it a try and let us know if there's anything else we can help you with,

 
Your Answer