I have found several threads on mouse overs, but most of them are +5 years old, so I’m wondering if the provided solutions are still uptodate or if anything has changed in the meantime. What I want to do is:I have question text. when hovering over certain phrases of the question text, I want a tool tip to appear. The solution needs to work on desktop as well as mobile devices. Ideally, I’m looking for a solution that’s as easy/low-code as possible.Currently, I’m using the following approach described here: https://servicehub.ucdavis.edu/servicehub?id=ucd_kb_article&sysparm_article=KB0006562&spa=1&sys_id=c52ef409db10a4d098c6ac1b139619e7 This works ok-ish, but I have to make myself familiar with CSS in order to tweak the visual appearance, so maybe there’s an easier solution? Thanks!

Hi Martin,A modern and mobile-compatible way to add tooltips over specific phrases in Qualtrics (or similar platforms) is to use a combination ofHTML and basic inline CSS. Here’s a lightweight and updated approach that works on both desktop (hover) and mobile (tap):<span style="position: relative; cursor: help;"> term<span style="visibility: hidden; width: 160px; background-color: black; color: #fff; text-align: center; border-radius: 5px; padding: 5px 8px; position: absolute; z-index: 1; bottom: 125%; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s;" class="tooltip-text">This is your tooltip text</span></span><script>document.querySelectorAll('span[style*="cursor: help"]').forEach(function(el) { const tooltip = el.querySelector('.tooltip-text'); el.addEventListener('mouseenter', () => tooltip.style.opacity = 1); el.addEventListener('mouseleave', () => tooltip.style.opacity = 0); el.addEventListener('click', () => { tooltip.style.opacity = tooltip.style.opacity == 1 ? 0 : 1; });});</script>If you want apure CSS version, I can provide that too—but for mobile responsiveness, this version gives you more control without much CSS complexity.Let me know if you’d like to see a reusable class-based version as well.

Mouse over/tool tip on question texts

Mouse over/tool tip on question texts | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded