Decimals on the Purchase Order widget.

  • UBTMarketing
    Asked on August 17, 2016 at 8:27 PM

    Is there any way I make it so decimals are only showing on one of my products (on the Purchase Order widget)?

  • Chriistian Jotform Support
    Replied on August 18, 2016 at 1:43 AM

    It is not possible to show the decimals for only one of your products.  You will either have to show decimals for all products, or don't show it for all of them. However, I believe there is a CSS workaround for your requirement, however, this workaround will need to be modified every time you need to change the price of your products. Simply inject the custom CSS code below:

    /*Hides price that have decimals*/

    .form-product-container span b {

         display: none; 

    }

    /*Replaces price with text that have no decimals*/

    label[for="input_15_1001"]:after {

        content: "$25 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1015"]:after {

        content: "$10 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1016"]:after {

        content: "$50 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1017"]:after {

        content: "$20 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1018"]:after {

        content: "$100 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1019"]:after {

        content: "$50 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1020"]:after {

        content: "$200 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1021"]:after {

        content: "$100 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1022"]:after {

        content: "$500 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1023"]:after {

        content: "$250 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1024"]:after {

        content: "$1,000 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1025"]:after {

        content: "$500 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1026"]:after {

        content: "$2.50 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    Decimals on the Purchase Order widget Screenshot 20

    Please let us know if you need further assistance.
    Regards.