-
AlexBFHSAsked on March 10, 2015 at 1:52 PM
I am creating a question with checkboxes as responses. When I add an "other" choice, it always seem to appear on its own line. Is there a way to force it onto the line above it (when there is space). Here's an example: http://form.jotform.ca/form/50684875511259
-
CarinaReplied on March 10, 2015 at 3:52 PM
Please add this css code:
#cid_17 div.form-multiple-column {
-webkit-column-count : 3;
/* Chrome, Safari, Opera */
-moz-column-count : 3;
/* Firefox */
column-count : 3;
}
.form-multiple-column .form-checkbox-item {
padding-bottom : 5px !important;
}
You can clone or test the demo form:
http://form.jotformpro.com/form/50686011837961?
Let us know if we can assist you further.
-
AlexBFHSReplied on March 10, 2015 at 5:10 PM
Do I add the code at the beginning of the Inject Custom CSS section of Preferences? I tried that and it didn't seem to do anything. I can see it on the demo form & it looks exactly like I want it but I'd like to understand how to do this on multiple forms. Thanks.
-
David JotForm SupportReplied on March 10, 2015 at 5:53 PM
Hi,
Here is our quick guide on how to inject CSS to your form:
http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Usually it is best to add new code to the end of you current code if you have any present. In the case of your form, insert the extra code after this line section:
82);}#label_54{color:rgb(61, 72, 82);}
You can also separate the code out to its own line by pressing shift+enter for a new line.
If you have any further questions, let us know and we will be happy to help.