Is it possible to have a currency field on the Configurable List widget?

  • debdoo66
    Asked on July 19, 2019 at 3:22 PM

    Hi this is an awesome widget but is it possible to make a "number" column be a dollar amount?

  • Kevin Support Team Lead
    Replied on July 19, 2019 at 4:19 PM

    There is not a currency field in the Configurable List widget, but you can add the dollar sign to the number field with some CSS code, for example this one: 

    .col5 .stepper-wrap:before {

        content: "$";

        font-size: 15px;

    }

    This needs to be injected to the widget's CSS section, here is a guide with more info about it: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    You need to replace the "5" in the selector, the one in bold above, with the column number where your field is placed on. 

    Note that you can change the sign font size, simply change the 15px with another value you would like to have. 

    I hope this helps. 

  • debdoo66
    Replied on July 19, 2019 at 4:23 PM

    yes thanks so much!!

  • debdoo66
    Replied on July 20, 2019 at 11:26 AM

    Hello.

    I am having another issue with the list widget. I have a dropdown which looks and acts fine in the builder and the preview however when I publish it in an iframe or even the shared link and go to fill it out and click the dropdown the choices are not visible but I can see the highlight up and down the choices... I tried adding the font color specifically to that field but that didnt work either.

    see here  https://form.jotform.com/91943188863168

  • jonathan
    Replied on July 20, 2019 at 2:44 PM

    We will resolve your next question on the next thread https://www.jotform.com/answers/1898117


  • debdoo66
    Replied on July 20, 2019 at 5:21 PM

    Back to the $ in the widget.... I added the cssas you advised and it put the $ on each line great but now it is showing stacjked to the rest of the input column


  • debdoo66
    Replied on July 20, 2019 at 5:24 PM

    I think I got it fixed there but is there a way to make that number column not be a "stepper"?

  • Kevin Support Team Lead
    Replied on July 20, 2019 at 9:12 PM

    Unfortunately, the number field is limited to the settings explained on this guide: https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget 

    The user may use either the spinner or enter the amount, if you want to get rid of that then you will need to use a text box instead.