Checkbox and radio button options are not expanding into its full width

  • strykerssp
    Asked on April 2, 2019 at 6:21 PM

    Hi team! 


    I'm trying to get the lines from a multiple options widget to be uniform - I need them to stretch out without doubling in line space (photo attached - I need the top 2 lines to match the format of the bottom 2 lines, Like below)

    *Power-LOAD

    Not;

    *Power-

    LOAD 

    Have tried this on iphone/android/desktop, all produces the same off-set format. Is anybody able to assist me with some CSS to drop in to fix? Many thanks! :-) 

     1554243544wrong spacing Screenshot 10

    Kind regards, Eddie

  • Elton Support Team Lead
    Replied on April 2, 2019 at 9:14 PM

    Please inject this CSS code to your form to expand the checkbox/radio button label width.

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

    width: 100% !important;

    }

    Guide: How to Inject Custom CSS Codes

    Result:

    Checkbox and radio button options are not expanding into its full width Image 1 Screenshot 20

  • Elton Support Team Lead
    Replied on April 2, 2019 at 9:20 PM

    I have also escalated this to our developers so they can fix this in the future so there's no need to inject custom CSS codes.

  • strykerssp
    Replied on April 2, 2019 at 11:47 PM

    Thanks buddy! Greatly appreciated! :-) 

  • beril JotForm UI Developer
    Replied on April 8, 2019 at 5:58 AM

    Thank you for reporting the issue. It should be fixed now. Could you please also test it on your side and let us know the result?