Hi all!I am setting up a MaxDiff study and would like to show tooltips for the different features the respondent gets to see within the MaxDiff. So far I added them using html via this structure:<span title="Translate entire documents and keep the file format and formatting">Document translation</span> This works well on laptop, however it does not work on mobile. I saw some threads discussing responsive tooltips in the community which require adjusting the CSS in the Look & Feel section + the html in the question itself - and the latter unfortunately is not possible as the MaxDiff module is locked and JS cannot be accessed. Does anyone have any advice how to show up tooltips on mobile when using the Qualtrics MaxDiff module? Thank you!

Maybe because your tooltip contains this? Try putting in an actual tooltip. tooltip = jQuery( '' );

Thank you @vgayraudfor pointing me in the right direction! I replaced this withtooltip = jQuery( '<div id="tooltip"></div>' );and used the following structure for setting up the labels and tooltip descriptions:<abbr title="long description shown in tooltip" rel="tooltip">short label</abbr>This works perfectly now, thank you again for your help!

Responsive tooltips for MaxDiff features that work on mobile devices

Responsive tooltips for MaxDiff features that work on mobile devices | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded