How to display questions in full width?

  • Profile Image
    avwhittingham
    Asked on February 02, 2018 at 08:50 AM

    Hi

    I have this form https://eu.jotform.com/build/73513995320357 and can't figure out how to get the questions and labels full width of the form, including the scrollable widget.

    Particularly the single choice option questions

    Many thanks

    Tony Whittingham

  • Profile Image
    ashwin_d
    Answered on February 02, 2018 at 09:21 AM

    I have injected the following custom css code in your form and that seems to have fixed this issue:

    [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide{

    max-width: 100% !important;

    }

    .form-radio-item, .form-checkbox-item {

        max-width: 100% !important;

    }

    I would suggest you to please test your form again and get back to us if you need any other changes.

  • Profile Image
    avwhittingham
    Answered on February 02, 2018 at 10:11 AM

    Hey! that's perfect thanks, I try really hard to understand the issues but just couldn't make it work.

    Is it possible to align the option text so that it doesn't wrap under the radio button?

    1517584258Screen Shot 2018-02-02 at 15.0

  • Profile Image
    Kevin_G
    Answered on February 02, 2018 at 11:22 AM

    That will be possible to achieve with the following CSS code: 

    .form-checkbox-item{

        padding-left: 17px;

    }

    .form-checkbox{

      position: absolute;

      margin-left: -17px;  

    }

    .form-checkbox-item:not(#foo) label {

        margin-left: 0px;    

    }

    This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps. 

  • Profile Image
    avwhittingham
    Answered on February 02, 2018 at 12:05 PM

    FABULOUS, I'm so impressed with the service and support from Jotform, it's outstanding!

    Thanks

  • Profile Image
    Kevin_G
    Answered on February 02, 2018 at 12:14 PM

    You're most welcome and thank you for your kind words. 

    If you need further assistance, please let us know, we  will be happy to help.