Making input tables look nice on cards is really hard

  • nccresources
    Asked on December 3, 2018 at 10:31 AM

    I need a likert scale type question in my survey, but it doesn't quite work with cards.

    This is what I have:

    Making input tables look nice on cards is really hard Image 10

    I need it to look more like this:

    Making input tables look nice on cards is really hard Image 21


    Any ideas how I can achieve this?

    I don't want to use classic view (all our surveys use cards).

    The 'Single Choice' option doesn't work well either, as with cards it splits into 2 columns, which doesn't make sense for a likert scale.

    Making input tables look nice on cards is really hard Image 32

    Does anyone have a workaround or other suggestions?

    TIA!


  • Mike_G JotForm Support
    Replied on December 3, 2018 at 12:45 PM

    With the JotForm Cards, I'm afraid that we do not have an option to make the Input Table field's column headers to look similar to the ones in your second image.

    I'm not sure, but would and Evaluation Slider input type work for you?

    1543858965t12 41 29 Screenshot 10

  • nccresources
    Replied on December 4, 2018 at 5:51 AM

    The evaluation slider isn't great as it only displays the current rating selected ('Slightly Agree' in your example).

    So i don't think it's clear what the user has to do.

    In fact it looks like 'Slightly Agree' is the highest rating you can give as it's at the far right end of the scale.

    With this you are also forced to display a question on the LHS of the slider, which doesn't work for longer questions (and you can't hide it due to the lack of CSS injection for Cards).

    I've had to reword the question and use a star rating. At least this gives you labels for the lowest and highest ends of the scale, so it's clearer for the user.

    Thanks anyway.

  • Kevin Support Team Lead
    Replied on December 4, 2018 at 11:07 AM

    Card forms customization is limited to the wizards, as you already noticed there is no way to customize forms further using CSS codes. 

    If you would like to have the ability to customize your form, then you may need to switch back to classic forms instead.