-
astaglianoAsked on July 24, 2017 at 12:06 PM
Hi:
On one of my questions I have a multiple choice question. Right now I only have listed 4 of the options that can be selected. I actually have 50 options in total to add to this question.
My dilemma is on the excel spreadsheet all the options selected will show in one cell. Is there a way that each selection can be entered in its on cell on the spreadsheet so there would be 50 columns for this on question?
https://form.jotformpro.com/72044875665970
Priscilla
-
David JotForm Support ManagerReplied on July 24, 2017 at 1:59 PM
Unfortunately, that is not possible. A workaround would be listing each option in a separate Multiple Choice field. Then, once you are finished adding those 50 Multiple Choice fields, we can provide you the proper CSS code to hide the labels, and reduce the vertical space between them to make them look as it they were together in one field.
-
astaglianoReplied on July 24, 2017 at 3:39 PM
Hi David:
I added the multiple choice fields. I have two additional questions. If you look at the list, you can see that it is very, very long list. Is there a way that I can put them next to each other so it doesn't look like this? Also, some of the titles are long and they wrap around like there is something next to it. Is there a way to keep the titles on one line?
Please send me the CSS code so I can hide the labels and reduce the vertical spaces between the titles.
https://form.jotformpro.com/72044875665970
Thanks for your help.
-
David JotForm Support ManagerReplied on July 24, 2017 at 5:16 PM
Please inject the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
.form-checkbox-item {
width: 350px !important;
}
#id_10{
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
#label_11,#label_12,#label_13,#label_14,#label_15,#label_16,#label_17,#label_18,#label_19,#label_20,#label_21,#label_22,#label_23,#label_24,#label_25,#label_26,#label_27,#label_28,#label_29,#label_30,#label_31,#label_32,#label_33,#label_34,#label_35,#label_36,#label_37,#label_38,#label_39,#label_40,#label_41,#label_42,#label_43,#label_44,#label_45,#label_46,#label_47,#label_48,#label_49,#label_50,#label_51,#label_52,#label_53{
display: none !important
}
#id_11,#id_12,#id_13,#id_14,#id_15,#id_16,#id_17,#id_18,#id_19,#id_20,#id_21,#id_22,#id_23,#id_24,#id_25,#id_26,#id_27,#id_28,#id_29,#id_30,#id_31,#id_32,#id_33,#id_34,#id_35,#id_36,#id_37,#id_38,#id_39,#id_40,#id_41,#id_42,#id_43,#id_44,#id_45,#id_46,#id_47,#id_48,#id_49,#id_50,#id_51,#id_52,#id_53{
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
Result:
On regards of spreading those fields into two columns, you will need to manually do it, please check this guide: https://www.jotform.com/help/90-Form-Field-Positioning
Let us know if you need more help.
-
David JotForm Support ManagerReplied on July 24, 2017 at 5:47 PM
I found a way to position them with custom CSS, please inject this code:
#id_32,#id_33,#id_34,#id_35,#id_36,#id_37,#id_38,#id_39,#id_40,#id_41,#id_42,#id_43,#id_44,#id_45,#id_46,#id_47,#id_48,#id_49,#id_50,#id_51,#id_52,#id_53{
margin-left: 355px;
}
#id_32{
margin-top: -575px !important
}
#id_54 {
padding-top: 15px;
}
@media only screen and (max-width: 480px) {
#id_32,#id_33,#id_34,#id_35,#id_36,#id_37,#id_38,#id_39,#id_40,#id_41,#id_42,#id_43,#id_44,#id_45,#id_46,#id_47,#id_48,#id_49,#id_50,#id_51,#id_52,#id_53{
margin-left: 0px;
}
#id_32{
margin-top: 0px !important
}
#id_54 {
padding-top: 1px;
}
}
Here is my clone version: https://form.jotformpro.com/72046279362964
Result:
You may clone it if you want to: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
Hope this helps.