Can you have different styles for questions on mobiles and desktops?

AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

Can you have different styles for questions on mobiles and desktops?

Hi,


I am keen on using a Likert scale with text on top for phones as it looks better. However, I'd rather use a Bipolar scale on desktops. How do I do that?


Appreciate your help!


Best,

Alex

Answers

  • ana_velez_voceana_velez_voce MedellínCommunity Member, Qualtrics Partner, XMPN Member, XMPN Champion Superuser ✭✭✭✭

    Hi!

    you will have to use branch logic to use the different questions depending on the device type.

    and show different blocs with the custom questions for each type.

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    @AlexPanic,

    For mobile, are you referring to the accordion layout? Bipolar indicates different endpoints for each row, which is completely different than a Likert. Do you mean a Likert scale with just the endpoints labeled? If so, you can add Labels to a Likert and they will only show in desktop (non-accordion) mode.

  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

    Hi everyone,

    These are the questions.


    I want to keep the desktop style on desktops and switch to Likert scales on mobiles as bipolar scales look awful.


    what I want on desktop:

    Instead of:

    Likert scales on mobiles look like the second pic above.


    Thanks,

    Alex

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    @AlexPanic - The pictures didn't show up.

  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

    Hi,


    Thanks for pointing it out Tom!

    I try to reattach them here. So far I am using Bipolar scales on desktop and mobiles but I had to put the labels on top, as otherwise it looks horrible on mobiles. If I want to have labels on top only on mobiles - how do I do that?


    This is what I want on desktops:

    Instead of this:

    I had to go for the second option only to have it decent on mobiles. I was thus wondering whether I can have Likert scales (on mobiles only) as they look better or a bipolar scale with top labels (again, only on mobiles).


    Thank you!

    Alex

  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

    I will try to use the branch login, thanks :)

  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

    I have tried that and added a block. However, I am not sure how to edit the questions in that block. Where can I find that option?

    Thanks

  • ana_velez_voceana_velez_voce MedellínCommunity Member, Qualtrics Partner, XMPN Member, XMPN Champion Superuser ✭✭✭✭

    Hi!!


    what i recommend is creating first the blocks you are going to use in the survey and then moving those blocks to the branches in the survey flow

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    The issue with branching is the data...you'll data for the same question in two different places making data and analysis more difficult.

    You could use JavaScript to move the labels above on mobile.

    Here is the approach we use for that type of question (Likert Matrix w/ JS):


  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

    Hi,


    Thanks everyone I have sorted it myself.


    I had to duplicate each questions and decide whether they will be displayed only on mobiles or not.

    A bit tricky, but worked.


    Thank you so much!

  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭
  • ana_velez_voceana_velez_voce MedellínCommunity Member, Qualtrics Partner, XMPN Member, XMPN Champion Superuser ✭✭✭✭
    edited June 1

    What you can do then is to create inside each branch an embedded data field that will we equal to the answer of the question. Add the same name to the field. so you can populate the responses

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    It's not quite as clean as the matrix pictured above, but if you only have one statement (i.e., row), you can use an NPS question and hide some of the choices to get a 1-5 scale.

    The JS to do that is available at the link below. Just change the scaleStart and scaleEnd as needed:

    https://gist.github.com/marketinview/c941fc59b7ddaef8ba3b

  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

    Hi Tom,


    It's a 50 item scale.


    Thanks anyway for your help. I will keep it as it is, I guess.


    best,

    A.

  • AlexPanicAlexPanic SeattleCommunity Member Qubie ✭

    Thanks Ana,


    Seems that it will duplicate all data and complicate the analysis.

    I might thus just keep it as it is. But thanks :)


    A.

Sign In to Comment