knob canvas taking up full width

  • Profile Image
    livro.ca
    Asked on January 29, 2018 at 12:16 AM

    In mobile the knob canvas is not respecting preset width or height. it's taking up full width and relative height. Can you help me force the constraint of the width?

  • Profile Image
    Ardian_L
    Answered on January 29, 2018 at 06:29 AM

    Can you please put this CSS Code on Custom CSS

    input#dial {

        font-size: 35px !important;

        width: 74px !important;

        height: 46px !important;

        margin-top: 46px !important;

        margin-left: -107px !important;

    }


    canvas {

        width: 140px !important;

        height: 140px !important;

    }

    Please check the url below on how to inject CSS Code on the form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


  • Profile Image
    livro.ca
    Answered on January 29, 2018 at 06:44 AM

    That did not work

  • Profile Image
    livro.ca
    Answered on January 29, 2018 at 06:47 AM

    actually, you instructed me to put that in the global css of the form when it was widget specific css. It works, thanks a lot!

  • Profile Image
    livro.ca
    Answered on January 29, 2018 at 06:52 AM

    oh actually it's very difficult to change the radius of the circle while maintaining the integrity of the widget... everything becomes skewed. any way to just relatively reduce the size by %?

  • Profile Image
    Ardian_L
    Answered on January 29, 2018 at 08:11 AM

    Yes that is correct, I am sorry you should put the CSS code on the Custom CSS of the widget. You can change the size with % as well but the height and width should be similar because the round shape will be destroyed. Can you please provide an example, a screenshot or something similar so we can try to achieve that with CSS.