Multiple Question Answers Seperated

  • astagliano
    Asked 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 Manager
    Replied 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.

  • astagliano
    Replied 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 Manager
    Replied 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: 

    Multiple Question Answers Seperated Image 1 Screenshot 20

    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 Manager
    Replied 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:

    Multiple Question Answers Seperated Image 1 Screenshot 20

    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.