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

  • Profile Image
    bettyprall
    Asked on May 09, 2017 at 06: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.
  • Profile Image
    Kevin_G
    Answered on May 09, 2017 at 06: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. 

  • Profile Image
    bettyprall
    Answered 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
    ...
  • Profile Image
    Kevin_G
    Answered on May 10, 2017 at 01: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: 

    Hope this helps. 

  • Profile Image
    bettyprall
    Answered on May 10, 2017 at 02: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
    ...
  • Profile Image
    Kevin_G
    Answered on May 10, 2017 at 04:27 PM

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

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

    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. 

     

  • Profile Image
    bettyprall
    Answered on May 10, 2017 at 04: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
    ...
  • Profile Image
    Kevin_G
    Answered on May 10, 2017 at 06: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: 

     

    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. 

     

  • Profile Image
    bettyprall
    Answered 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
    ...
  • Profile Image
    Kevin_G
    Answered 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. 

  • Profile Image
    bettyprall
    Answered 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.

     

  • Profile Image
    Nik_C
    Answered 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:

    We appreciate that!

    Thank you.

  • Profile Image
    bettyprall
    Answered on May 11, 2017 at 02:32 PM

  • Profile Image
    Kevin_G
    Answered on May 11, 2017 at 03: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: 

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

    Hope this helps. 

  • Profile Image
    bettyprall
    Answered on May 11, 2017 at 03: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
    ...