Setting radio and checkbox labels as column names and x for the selected values

  • swalker286
    Asked on April 20, 2015 at 1:37 PM

    I had this option in Adobe Forms Central, and when the forms are converted JOt is not reading it proper and I've lost a lot of responses.

    At first I was very excited about Jot, but I'm really discovering alot of bugs here that are not helping me in anyway.  I needed a seamless transition, as you advertised.  That's not what I'm getting.

  • Ben
    Replied on April 20, 2015 at 1:42 PM

    If I understood you correctly, there was an option to have one label shown on a form, but a different shown in the submissions themselves, which resulted in your data being corrupt after import?

    If that is true, please do let us know what are the AFC forms with this option turned on and their alternatives on JotForm so that we can properly raise this to our developers for inspection and re-import.

  • swalker286
    Replied on April 20, 2015 at 1:49 PM
  • Ben
    Replied on April 20, 2015 at 2:35 PM

    Thank you for the links.

    Could you just confirm if I had understood you properly that the data displayed does not match the data that is saved into the database in AFC, so when the data was imported, it was not imported correctly?

    That would help us raise this to our team.

    Thank you.

  • swalker286
    Replied on April 20, 2015 at 3:05 PM

    No you didn't actually.

     

    A check box should simply respond a yes/no true/false response.  It should not be contingent upon a label.  Just checked vs not checked.

    A radio button should respond the labeled option.  As radio buttons actually have OPTIONS.

  • Ben
    Replied on April 20, 2015 at 3:21 PM

    I am still having a bit of an issue understanding the actual issue here, since you can rename the radio buttons to have any label and each of the check boxes as well. Once someone makes the selection, the submissions show the selected label(s).

    Based on what you have mentioned, I believe that you are looking for the checkbox to give you:

    Label: Are you sure?

    [] Yes

    [] No

    And then in submissions "Are you sure? - Yes" - which is how our system will show the values as it is.

  • swalker286
    Replied on April 20, 2015 at 3:24 PM

    I do not want yes or no listed.  I only want a check box.

  • swalker286
    Replied on April 20, 2015 at 3:30 PM

    They way you guys have things coded there is no damn difference in a radio button or a check box.

     

    A check box simply is a selection WITHOUT options.

    A radio button has OPTIONS, requiring a question/label & options.

     

    I want these as separate columns in my submissions:

    Form:

    [ ] Event 1

    [X] Event 2

    [ ] Event 3

    [X] Event 4

     

    Submissions Table:

    Event 1   |  Event 2  |  Event 3  |  Event 4 |

                 |       X      |               |     X       |

     

  • jonathan
    Replied on April 20, 2015 at 4:51 PM

    The Submission Table look like this

    Submissions Table:

     

    Event 1   |  Event 2  |  Event 3  |  Event 4 |

     

                 |       X      |               |     X       |

     

    because in your jotform http://www.jotform.us/form/50837486300152each Checkbox Option are set as individual field instead of selection list option of a field.

    Setting radio and checkbox labels as column names and x for the selected values Image 1 Screenshot 40

     

    if you want the Submission Table to like this

     

    Form:

    [ ] Event 1

    [X] Event 2

    [ ] Event 3

    [X] Event 4

     

    you should setup the Checkbox field like this

    Setting radio and checkbox labels as column names and x for the selected values Image 2 Screenshot 51

     

    so it should look like this

    Setting radio and checkbox labels as column names and x for the selected values Image 3 Screenshot 62

     

    the Submission Table will become

    Please Select your races:

    [ ] Event 1

    [X] Event 2

    [ ] Event 3

     

    [X] Event 4

     

    Hope this help. Let us know if you need further assistance.

    Thanks.

     

  • swalker286
    Replied on April 20, 2015 at 5:10 PM

    I do not want a check list.  I want a single check box.

  • jonathan
    Replied on April 20, 2015 at 6:19 PM

    Can you please clarify first if you meant also the submission data to be contained into single column/header only

    Setting radio and checkbox labels as column names and x for the selected values Image 1 Screenshot 20

     

     

    Thanks.

     

  • swalker286
    Replied on April 20, 2015 at 6:43 PM

    No, I said I want them in separate columns.  I do not want a list in each cell in my submission table.  LIke this!

    Setting radio and checkbox labels as column names and x for the selected values Image 1 Screenshot 20

  • jonathan
    Replied on April 20, 2015 at 8:17 PM

    Thank you for the clarification.

    Base on the screenshot you had provided I now understand exactly how you meant.

    Although the form http://www.jotform.us/form/50837486300152 Submission Data/Table is working already..

    Setting radio and checkbox labels as column names and x for the selected values Image 1 Screenshot 20

     

    what you actually wanted is for the values/data to 'X' only. As is now, the value for each column/header is the label/question name of the Checkbox field.

    Example:

    (column) PC1 = "Circle K NHRA...etc etc"

    what wanted it to be is like this

    (column) PC1 = "X"

    Please confirm if I understand it correctly this time. We will try look for a workaround to have an output like this.

    Thanks.

     

     

     

  • jpeterson01
    Replied on July 24, 2015 at 3:54 PM

    This is correct, when can this option be available for use.

  • Ben
    Replied on July 24, 2015 at 4:03 PM

    I must ask if the two accounts (swalker286 and  jpeterson01) are connected in some manner? Or are you @jpeterson01 just looking for the same feature?

    Thank you.

  • Ben
    Replied on July 24, 2015 at 4:25 PM

    As per my reply on the other thread here: http://www.jotform.com/answers/550071 I am raising this as a feature to our developers.

    Seeing how it would change how the data is gathered and how many people are used to receiving the data, this is very unlikely to be a quick update. This does not mean however that it would be at all.

    We will raise it and then it will be seen by our developers if this is possible to implement - either to replace the current way the data is captured, or to allow a selection of the desired behavior.

    As soon as there is any update however we will update you about it through this thread.

  • Ben
    Replied on July 24, 2015 at 5:21 PM

    I did raise the thread as mentioned, but wanted to see if there is an alternative road that might work as you want it to, and I believe that I found it.

    Do check this form: http://form.jotformpro.com/form/52046884965973 by cloning it to your account and then trying to submit it. After that check your Submissions panel.

    You should see something like this:

    Setting radio and checkbox labels as column names and x for the selected values Image 1 Screenshot 20

    You can clone it by following the steps shown here: How to Clone an Existing Form from a URL

    If that is what you would like to use then this is the CSS code that you would need to add to your form:

    .form-checkbox-item > label {
        visibility: hidden;
    }
    .form-checkbox-item > label:before, .form-checkbox-item > label:after {
        visibility: visible;
    }
    #id_29 .form-checkbox-item:after {
        color: white;
        content: "Circle K NHRA Winternationls - Pomona, CA";
    }
    #id_31 .form-checkbox-item:after {
        color: white;
        content: "CARQUEST Auto Pars NHRA Nationals • Phoenix, AZ";
    }
    #id_33 .form-checkbox-item:after {
        color: white;
        content: "Amaile Motor Oil NHRA Gatornationals • Gainesville, FL";
    }
    #id_35 .form-checkbox-item:after {
        color: white;
        content: "NHRA Four-Wide Nationals • Charlotte, NC";
    }
    #id_37 .form-checkbox-item:after {
        color: white;
        content: "SummitRacing.com NHRA Nationals • Las Vegas, NV";
    }
    #id_39 .form-checkbox-item:after {
        color: white;
        content: "O'Reilly Auto Parts NHRA SpringNationals • Houston, TX";
    }
    #id_41 .form-checkbox-item:after {
        color: white;
        content: "Summit Racing Equipment NHRA Southern Nationals • Commerce, GA";
    }
    #id_43 .form-checkbox-item:after {
        color: white;
        content: "NHRA Kansas National • Topeka, KS";
    }
    #id_45 .form-checkbox-item:after {
        color: white;
        content: "Toyota NHRA Summernationals • Englishtown, NJ";
    }
    #id_47 .form-checkbox-item:after {
        color: white;
        content: "NHRA New England Nationals • Epping, NH";
    }
    #id_49 .form-checkbox-item:after {
        color: white;
        content: "NHRA Thunder Valley Nationals • Bristol, TN";
    }
    #id_51 .form-checkbox-item:after {
        color: white;
        content: "Summit Racing Equipment NHRA Nationals • Norwalk, OH";
    }
    #id_53 .form-checkbox-item:after {
        color: white;
        content: "Route 66 Nationals • Joliet, IL";
    }
    #id_55 .form-checkbox-item:after {
        color: white;
        content: "Mopar Mile-High NHRA Nationals • Denver, CO";
    }
    #id_57 .form-checkbox-item:after {
        color: white;
        content: "NHRA Sonoma Nationals • Sonoma, CA";
    }
    #id_59 .form-checkbox-item:after {
        color: white;
        content: "NHRA Northwest Nationals • Seattle, WA";
    }
    #id_61 .form-checkbox-item:after {
        color: white;
        content: "Lucas Oil Nationals • Brainerd, MN";
    }
    #id_63 .form-checkbox-item:after {
        color: white;
        content: "Chevrolet Performance U.S. Nationals • Brownsburg, IN";
    }
    #id_65 .form-checkbox-item:after {
        color: white;
        content: "NHRA Carolina Nationals • Charlotte, NC";
    }
    #id_67 .form-checkbox-item:after {
        color: white;
        content: "AAA Insurance NHRA Midwest Nationals • St. Louis, MO";
    }
    #id_69 .form-checkbox-item:after {
        color: white;
        content: "NHRA Keystone Nationals • Reading, PA";
    }
    #id_71 .form-checkbox-item:after {
        color: white;
        content: "AAA Texas NHRA Fall Nationals • Ennis, TX";
    }
    #id_73 .form-checkbox-item:after {
        color: white;
        content: "NHRA Toyota Nationals • Las Vegas, NV";
    }
    #id_75 .form-checkbox-item:after {
        color: white;
        content: "Auto Club NHRA Finals • Pomona, CA";
    }
    #id_81 .form-checkbox-item:after {
        color: white;
        content: "All 2015 MYDRS Events Requested";
    }
    #stage #id_29 .form-checkbox-item:after, #stage #id_31 .form-checkbox-item:after , #stage #id_33 .form-checkbox-item:after, #stage #id_35 .form-checkbox-item:after, #stage #id_37 .form-checkbox-item:after, #stage #id_39 .form-checkbox-item:after, #stage #id_41 .form-checkbox-item:after, #stage #id_43 .form-checkbox-item:after, #stage #id_45 .form-checkbox-item:after, #stage #id_47 .form-checkbox-item:after, #stage #id_49 .form-checkbox-item:after, #stage #id_51 .form-checkbox-item:after, #stage #id_53 .form-checkbox-item:after, #stage #id_55 .form-checkbox-item:after, #stage #id_57 .form-checkbox-item:after, #stage #id_59 .form-checkbox-item:after, #stage #id_61 .form-checkbox-item:after, #stage #id_63 .form-checkbox-item:after, #stage #id_65 .form-checkbox-item:after, #stage #id_67 .form-checkbox-item:after, #stage #id_69 .form-checkbox-item:after, #stage #id_71 .form-checkbox-item:after, #stage #id_73 .form-checkbox-item:after, #stage #id_75 .form-checkbox-item:after, #stage #id_81 .form-checkbox-item:after {
        background: none;
        color: white;
        left: 30px;
        opacity: 1;
        width: 500px;
    }

    That is all of it.

    You can add it by following the steps here: Inject Custom CSS Codes

    Please do note that this is not something that will change your previous submissions, it will only set them to be shown in this manner from now on.

    Also, one more step, which is very important for this to work, is to go to each checkbox and set the option (label) to show "X" instead of the text that was there before. This is now shown through the CSS instead (if you go with the option above).

    Of course if you have any questions do let us know and we would be happy to answer them