Making input tables look nice on cards is really hard

  • Profile Image
    Asked on December 03, 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:


    I need it to look more like this:


    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.


    Does anyone have a workaround or other suggestions?


  • Profile Image
    Answered on December 03, 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?


  • Profile Image
    Answered on December 04, 2018 at 05: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.

  • Profile Image
    Answered on December 04, 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.