-
bettyprallAsked on May 9, 2017 at 6:34 PM
-
Kevin Support Team LeadReplied 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.
-
bettyprallReplied on May 10, 2017 at 11:43 AMI 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 LeadReplied 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:
Hope this helps.
-
bettyprallReplied on May 10, 2017 at 2:43 PMI 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 LeadReplied 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:
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.
-
bettyprallReplied on May 10, 2017 at 4:44 PMIn 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 LeadReplied 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:
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.
-
bettyprallReplied 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 LeadReplied 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.
-
bettyprallReplied 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_CReplied 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.
-
bettyprallReplied on May 11, 2017 at 2:32 PM
-
Kevin Support Team LeadReplied 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:
Here's my cloned form where you can see how it works: https://form.jotform.com/71305678665970
Hope this helps.
-
bettyprallReplied on May 11, 2017 at 3:44 PMThat 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
...