Form fields not responsive at certain resolution

  • Profile Image
    henryclarke10
    Asked on January 22, 2018 at 08:02 PM

    Hello,

    When viewed on Chrome on a Chromebook at 1366x768 my form appears like this: https://www.screencast.com/t/LhGiZR5lRi When I view the form on my desktop PC at the same size it appears normally. Do you know what could be causing those 3 fields at the top to appear like that on one machine but not another, and what we could do to fix it?


  • Profile Image
    EltonCris
    Answered on January 23, 2018 at 02:17 AM

    I think it's not an issue with the responsiveness of the form since I couldn't replicate the problem when adjusting the browser window at different levels.

    It's more like an issue with the browser.

    Inject this CSS codes to your form. This might help fix it.

    .form-input, .form-textbox, .form-dropdown, .form-textarea, [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {

        width: 100% !important;

        max-width: none !important;

        box-sizing:border-box;

    }

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

    This should also expand the dropdown field in its fullwidth similar with the others.