Checkbox options field width

  • AgilityAssoc.Canada
    Asked on September 20, 2017 at 3:56 PM

    Hi,

    Form 51614420391952, What injected css code will stop the options text, OUI, Nous acceptons toutes les conditions, from wrapping for checkbox #146

    Thank you, Robert

  • jonathan
    Replied on September 20, 2017 at 4:47 PM

    Robert,

    You can set a fix width for it via CSS like this 

    #label_input_146_0 {

    width : 350px !important;

    }

    Checkbox options field width Image 1 Screenshot 20


    Let us know if this did not work.

    Thanks.


  • AgilityAssoc.Canada
    Replied on September 21, 2017 at 9:50 AM

    Hi, 

    Well that is exactly what I had tried and with a few variations and here is what I get.

    I may have some other code that is interfering but I don't think so.

    Checkbox options field width Image 1 Screenshot 20

    The css code is difficult to view but it is the same as you advise only set to 400px

    #label_input_146_0{width : 400px !important;}  

    Thank you, Regards Robert

    Side Note:

    I wanted to show you the css in Advanced Designer where it much more visable but when I go there I lose all the previous Advance Designer settings I've made. see ticket.(1505942364  )

  • amy
    Replied on September 21, 2017 at 11:28 AM

    Would you please let us know whether the given CSS code resolved your problem?

    Besides, our apologies for the inconvenience issue. Your issue has been escalated to one of our developers and he is working on it. You will be informed via that thread when we fix it: Radio/Checkbox Button designed in Advanced Designer - "Other" button not keeping the design

  • AgilityAssoc.Canada
    Replied on September 21, 2017 at 4:01 PM

    Hi,

    The code did not give the desired results, the image above shows that. I didn't think a developer was needed to fix this but you know more then I.

    Your statement is very confusing, the link actually goes to a report about email on a bounce list.

    Regards, Robert

  • David JotForm Support
    Replied on September 21, 2017 at 6:48 PM

    I checked your form and the width of that label looks to be as set:

    Checkbox options field width Image 1 Screenshot 20

    It is not wrapping in any of the browsers I checked.  Is this still not the case on your end?  As far as I can tell, the code my colleague suggested did work.

  • AgilityAssoc.Canada
    Replied on September 22, 2017 at 9:17 AM

    OK... Thanks for checking I will resolve it at my end. Regards, Robert

  • AgilityAssoc.Canada
    Replied on October 2, 2017 at 11:18 AM

    Hi, It turned out to be a browser issue. Many Thanks, Robert

  • David JotForm Support
    Replied on October 2, 2017 at 11:20 AM

    Very odd.  Glad to hear that it is now resolved.  If the browser issue is something we may be able to remedy on our end, let us know how to reproduce it.