The NPS quesiton type on a mobile phone does not fit in the entire window

  • Brian Friedman
    Asked on June 28, 2019 at 1:22 PM

    When using the NPS quesiton type and viewing the form on an iPhone you have to scroll in order to see all the numbers to choose from. Is there a setting to adjust to fix this?

  • denis_calin Jotform Support
    Replied on June 28, 2019 at 1:49 PM

    Hi Brian!

    I was able to replicate the problem you are experiencing - the Scale Rating element was protruding beyond the right edge of the form when viewed on a mobile device. Please add the following CSS code to make the element fit:

    @media screen and (max-width: 480px) {

    li[data-type="control_scale"] table.form-scale-table tr th, table.form-scale-table tr td {

        padding: 9px 0px !important;

    }

    li[data-type="control_scale"] table.form-scale-table tr td input {

        width: 7px !important;

    }

    }

    Please follow this guide for instructions on how to add CSS code to your forms: How-to-Inject-Custom-CSS-Codes.