Question text doesn't wrap up and goes in one line (only in Google Chrome)

  • Profile Image
    infatum
    Asked on March 26, 2012 at 06:21 AM

    Text doesn't show as wrapped up in Google Chrome browser.

    I tried different things like resizing the AP DIV window in Dreamweaver, setting DIV with  {word-wrap:break-word} and it didn't help. 

    In IE 9 and Mozilla Firefox 11  jot form is shown correctly, whereas question text continues on the next line if it exceeds form size ). 

    Thank you for your free service and no ads. I appreciate that. 

  • Profile Image
    jonathan
    Answered on March 26, 2012 at 06:28 AM

    Hi,

    Have you tried changing the label aligned to auto? This could make it auto-wrap within the form.
    Please inform us if this resolve the issue.

    Thanks.

  • Profile Image
    idarktech
    Answered on March 26, 2012 at 06:36 AM

    @infatum,

    Try to insert this css code to your existing webpage codes and see if this helps:

     

    <style type="text/css">

    .form-line-column {

    white-space: normal !important;

    }

    </style>

     

    Just add it under <head> tag.

    Message us here if you need further assistance. Thanks.

     

  • Profile Image
    jonathan
    Answered on March 26, 2012 at 06:37 AM

    Or you can also force it to a new line by adding line break tag </br>
    on the label like this.

    После школы я </br>
    продолжу учиться...

    Thanks.

  • Profile Image
    infatum
    Answered on March 26, 2012 at 06:55 AM

    Wow, this is the fastest response I got ever =)

    @ idarktech The CSS option works the issue out. Though I didn't add it under head tag. I inserted the code directly within your form within the DIV since it also has a <style type="text/css">   parameters. 

    jonathan, if by " label aligned to auto" you mean <DIV align="auto"> then it doesn't work, nor is "center" or "justify" - it completely messes up the form. 

    The text does a noticeable paragraph spacing when I use <br>. It looks unnatural.

    Thank you again! 

  • Profile Image
    jonathan
    Answered on March 26, 2012 at 07:14 AM

    @infatum

    Great work sorting it out. =) What you did is code correct than the hack workaround I suggested.

    I mean to say to insert the </br> tag within the option label though. It also work on chrome when I tested it.

    Thanks.

  • Profile Image
    infatum
    Answered on March 26, 2012 at 08:19 AM

     jonathan

    Indeed, </br>  also does work. Last time I used it while previewing in Firefox it gave me a decent jump b/n the question lines so I prefered to leave it in one line in Chrome rather than have a space in between. I don't know where my attention was at that moment. Oh, that silly feeling when one bumps over an easy tag that you never pay much attention to...

    Thank you 

  • Profile Image
    jonathan
    Answered on March 26, 2012 at 08:26 AM

    You are quite welcome infatum. And we are glad to be of assistance to you. =)

  • Profile Image
    surf_town
    Answered on October 07, 2013 at 04:04 PM

    Worked for me too. It's the quickest way to make the forms responsive. Now can we improve the wrap for checkboxes and radio buttons? So that the line wraps only to the option text itself and not to the checkbox or radio button.

  • Profile Image
    EliezerN
    Answered on October 07, 2013 at 04:50 PM

    @surf_town 

    We'll be more than glad to assist you with your request. However, we would appreciate if you open your own thread to make your question, that will prevent us to get in confusion with the previous questions and responses.

    Thanks