Knob Canvas - two in one line on mobile

  • Profile Image
    ttesttest
    Asked on April 27, 2019 at 04:43 PM

    Hi,

    in the form "Knob Canvas" I have 3 Knob Canvas widgets. Would like to have two on one line next to each other in mobile view iphone5 and samsung galaxy s8.

    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.

  • Profile Image
    Mike_G
    Answered on April 27, 2019 at 08:43 PM

    To make 2 of the 3 Knob Canvas widget in your form next to each other when the form is viewed on a mobile device, please inject the following CSS codes to your form — How-to-Inject-Custom-CSS-Codes

    @media screen and (max-device-width: 40em) {

    .form-col-1[data-type=control_widget], .form-col-2[data-type=control_widget] {

        width: 50% !important;

    }

    }

    1556412019t20_38_45.png

    As for your other concern, I have moved it to a new thread to avoid confusion.

    https://www.jotform.com/answers/1806252