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

  • Profile Image
    strykerssp
    Asked on April 02, 2019 at 06: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.PNG

    Kind regards, Eddie

  • Profile Image
    EltonCris
    Answered on April 02, 2019 at 09: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:

  • Profile Image
    EltonCris
    Answered on April 02, 2019 at 09: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.

  • Profile Image
    strykerssp
    Answered on April 02, 2019 at 11:47 PM

    Thanks buddy! Greatly appreciated! :-) 

  • Profile Image
    beril
    Answered on April 08, 2019 at 05: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?