Single Option: Why option is running off the form's page?

  • bettyprall
    Asked on May 9, 2017 at 6:34 PM
    In both editing and previewing, under “Transferring Students”, the text w/the buttons on “Choose one of the following options” runs off the page.
  • Kevin Support Team Lead
    Replied on May 9, 2017 at 6:48 PM

    I have checked your form and noticed the issue, on a cloned form it happens as well. 

    But the following CSS code should help you to fix it: 

    [data-type="control_radio"] label{

        white-space: initial;

    }

    This guide will help you to inject the code: How-to-Inject-Custom-CSS-Codes

    Hope this helps. 

  • bettyprall
    Replied on May 10, 2017 at 11:43 AM
    I don’t have the form designer tool in version 3 which I would prefer to use. If I go back to version 4, and follow your instructions below, the Inject Custom CSS box is full of codes. Do I just add this one to the bottom? What will this do to the rest of the form which is laid out correctly?
    --
    Betty Prall
    Enrollment Coordinator
    Language Programs
    Glasscock School of Continuing Studies
    Rice University
    PO Box 1892
    Houston, Texas 77251-1892
    713-348-6298
    ...
  • Kevin Support Team Lead
    Replied on May 10, 2017 at 1:07 PM

    You could paste the code either at the very top or the very bottom of the existing code, it should work no matter the position where you inject it. 

    In the V3  builder, you need to click on the designer icon and the Inject CSS tab, do not forget to click on the save button: 

    Single Option: Why option is running off the forms page?  Image 1 Screenshot 20

    Hope this helps. 

  • bettyprall
    Replied on May 10, 2017 at 2:43 PM
    I tried the code you sent in version 4 but it did not correct the problem. In version 3, when I go to Design, the “Change Your Form Styles” and “Inject CSS” (the image below) do not appear. Could you please correct the problem from you end?
    Also, to revert to version 3, do I have to it for each form or does the reversion apply to all forms?
    --
    Betty Prall
    Enrollment Coordinator
    Language Programs
    Glasscock School of Continuing Studies
    Rice University
    PO Box 1892
    Houston, Texas 77251-1892
    713-348-6298
    ...
  • Kevin Support Team Lead
    Replied on May 10, 2017 at 4:27 PM

    I have checked your form http://www.jotformpro.com/form/51406992965972 and I can see the code has been already injected: 

    Single Option: Why option is running off the forms page?  Image 1 Screenshot 30

    I also checked the form while loading its direct link and I can see the field's label displays properly now: 

    Single Option: Why option is running off the forms page?  Image 2 Screenshot 41

    Could you please check and let us know about it? 

    Regarding your question about the builder version change, it applies to all your forms, once you have selected a default builder on your account settings, all your forms will be opened under this builder. 

     

  • bettyprall
    Replied on May 10, 2017 at 4:44 PM
    In the edit, preview and published page, the option still runs off the page. This is the form as I receive it.
    https://form.jotform.com/51406992965972
    --
    Betty Prall
    Enrollment Coordinator
    Language Programs
    Glasscock School of Continuing Studies
    Rice University
    PO Box 1892
    Houston, Texas 77251-1892
    713-348-6298
    ...
  • Kevin Support Team Lead
    Replied on May 10, 2017 at 6:08 PM

    Could you please share us a screenshot about what you see on your end? 

    This is what I can see on my end, I have also cleared your forms cache so the last version loads: 

    Single Option: Why option is running off the forms page?  Image 1 Screenshot 20

     

    Could you also try opening your form in incognito mode? That will also load the last version of your form instead of loading a cached version. 

    If you cannot see the update, please let us know which browser you're using so we can also check on our end. 

     

  • bettyprall
    Replied on May 11, 2017 at 10:43 AM

    [cid:image003.png@01D2CA37.37B0A060]
    --
    Betty Prall
    Enrollment Coordinator
    Language Programs
    Glasscock School of Continuing Studies
    Rice University
    PO Box 1892
    Houston, Texas 77251-1892
    713-348-6298
    ...
  • Kevin Support Team Lead
    Replied on May 11, 2017 at 10:59 AM

    Seems like you have attached the image on your reply to the email you received from this thread, unfortunately, the forum does not accept attachments via email, could you please open this thread in a web browser and upload it following this guide

    We will wait for your response. 

  • bettyprall
    Replied on May 11, 2017 at 11:32 AM

    I don't see the either the gray box w/the different tools or the insert/edit image box mentioned in the guide you sent, so I pasted the screen shot here. I use internet explorer. Since your screenshot above, I added a 2nd option.

     

  • Nik_C
    Replied on May 11, 2017 at 12:39 PM

    I'm sorry, but unfortunately, we didn't receive the image, could you please re-upload it, here is how:

    1) Go to this link: https://www.jotform.com/answers/1140497

    2) Click this icon:

    Single Option: Why option is running off the forms page?  Image 1 Screenshot 20

    We appreciate that!

    Thank you.

  • bettyprall
    Replied on May 11, 2017 at 2:32 PM

    Single Option: Why option is running off the forms page?  Image 1 Screenshot 20

  • Kevin Support Team Lead
    Replied on May 11, 2017 at 3:10 PM

    Thank you for the screenshot, I have checked and was able to replicate the same; however, this happens only while viewing the form in Internet Explorer, this is why we could not replicate the issue before. 

    Seems like the code I provided above is not compatible with Internet Explorer, please try injecting this one: 

    [data-type="control_radio"] label:not(:first-child) {

        white-space: pre-line;

    }

    This will work in IE, example: 

    Single Option: Why option is running off the forms page?  Image 1 Screenshot 20

    Here's my cloned form where you can see how it works: https://form.jotform.com/71305678665970 

    Hope this helps. 

  • bettyprall
    Replied on May 11, 2017 at 3:44 PM
    That worked. Thanks.
    --
    Betty Prall
    Enrollment Coordinator
    Language Programs
    Glasscock School of Continuing Studies
    Rice University
    PO Box 1892
    Houston, Texas 77251-1892
    713-348-6298
    ...