Add Celsius symbol after the Knob Canvas widget value

  • ttesttest
    Asked on April 27, 2019 at 8:42 PM
    Also tried https://www.jotform.com/answers/1056796-Knob-Canvas-How-to-add-C-after-the-value with no success to add Celsius sign to each widget without success.

    Any help will be welcome.

    Thank you.

  • Mike_G JotForm Support
    Replied on April 27, 2019 at 8:54 PM

    To have a "°C" after the value in the Knob Canvas widgets in your form, please inject the following CSS codes to the Custom CSS tab of each widget — How-to-Inject-CSS-Codes-to-Widgets

    input#dial {

        width: 49px !important;

        height: 21px !important;

        position: relative !important;

        vertical-align: middle !important;

        margin-top: -83px !important;

        margin-left: -91px !important;

        text-align: right !important;

    }

    div#main div:after {

        content: "°C" !important;

        margin-top: 38px !important;

        position: absolute !important;

        color: rgb(153, 153, 153) !important;

        font: bold 18px Arial !important;

    }

    1556412452t20 46 17 Screenshot 10

    Result:

    1556412835t20 53 31 Screenshot 21

    If you have other questions or concerns, please feel free to let us know.