Sign up ×
Programmers Stack Exchange is a question and answer site for professional programmers interested in conceptual questions about software development. It's 100% free.

A widely recognized cue that text is clickable is to underline it, set it in a different color, and change the cursor to a hand symbol when hovering over it.

I have a situation where a column in a report may contain a tool tip -- hover-text that appears when the cursor is placed over it. I'm trying to come up with an obvious cue to the user for this. When I use a cue similar to a hyperlink, users instinctively click on it and wonder why nothing happens.

Can you refer me to any real-world examples of an effective cue? Or, what cue have you successfully used in the past to accomplish this?

share|improve this question

put on hold as too broad by MichaelT, Ixrec, Scant Roger 10 hours ago

There are either too many possible answers, or good answers would be too long for this format. Please add details to narrow the answer set or to isolate an issue that can be answered in a few paragraphs.If this question can be reworded to fit the rules in the help center, please edit the question.

You might get better answers for this on – Dan Neely Jul 22 '13 at 20:38
@DanNeely: More likely, it would be closed as a duplicate of How to mark a tooltip-containing word in a paragraph? – Brian Jul 22 '13 at 21:07
@Brian Make that good answers already exist on.... – Dan Neely Jul 22 '13 at 21:16

2 Answers 2

up vote 2 down vote accepted

In some web environments, a dashed underline indicates that text is "hoverable". Typically, this pops up a tooltip-like modeless window with an advertisement, and so users avoid them, but in some "safe" sites, the tooltip is a word definition or footnote.

It sounds like you're rendering tabular data in a dynamic report view (you mentioned a "column"). You might consider a superscript element that your users will come to understand is hoverable. You could make it graphical, rendering a superscript "help icon" or a red triangle (used in Microsoft Excel, familiar to most, to indicate hoverable comments).

share|improve this answer
You are right that it's a column for a report, and that space is limited. I was contemplating a subscript. Problem is, there are too many permutations for the text. – Bob Kaufman Jul 22 '13 at 20:32

The few that I am aware of are using the help cursor (the one with the question mark) when hovering over the element.

cursor: help;

And putting a '?' or some kind of 'help' icon next to the item that then pops out the tool tip.

Additionally you can decide on a convention to use across your application.

E.g. everything that is in Bold and Orange has a tooltip

share|improve this answer
The OP is asking if there is an already existing standard or convention, not to try to make one up. – whatsisname Jul 22 '13 at 20:17
Clarified a bit more on the conventions – Vadim Jul 22 '13 at 20:21
I have added the help cursor, however I consider that merely cosmetic, as it will not cue the user that more information is available by moving the cursor there. I think I've seen @KiethS's idea at some news sites and am liking how that looks on the page in terms of "move your cursor here but don't expect a hyperlink" – Bob Kaufman Jul 22 '13 at 20:35
By the time the mouse cursor has changed into a question mark, that's typically when the tooltip would show up (since the OP specified tooltip on hover) so this does not help the user knowing ahead of time that there is a tooltip available. – Louis Oct 17 '14 at 14:02

Not the answer you're looking for? Browse other questions tagged or ask your own question.