How to add a tooltip to something that doesn't normally have a tooltip

I have a couple of Value Pairs on a klip - one for Mean and one for Median. The primary value is the mean or median, and the secondary value is the word "mean" or "median".

My client would like to have definitions somewhere on the dashboard to explain the distinction between mean and median, why we track both, etc. I thought a tooltip would be *perfect* for this - the user could hover over the value pair and the definition of mean or median would pop up for them to read at their leisure. But then the defintions are not taking up valuable space when they're not needed.

How do I do this? I'm guessing this is a custom CSS situation, but I am unsure how to approach it. Or maybe there is a different way?





  • 2
    Mohammad Aryaie

    On the same note, it will be interesting to add tooltips to tables as well. For example, we have a table that has a list of KPIs on the first column and relative numbers and benchmarks on the other columns. Having the ability to see their definitions in tooltips when hovering over each indicators is very beneficial.

  • 0
    Josh Cohen-Collier

    Hi Guys,

    Thanks for posting in our community!

    In terms of the ability to have tooltips/hovertext as a component option, we have an open feature request related to this, and I have added both of you to the notification list for if there is any progress on it.

    What you would need to do now to accomplish this is make use of either the HTML component to create your own HTML visualization, and have text using the title attribute.

    To apply this to a Klipfolio component, you are correct that you would need to use the Custom Theme Addon, along with some JavaScript.

    Sorry for the inconvenience here, and hope this helps!

    Warm regards,
    Joshua Cohen-Collier
    Technical Support Engineer, Klipfolio

  • 1
    Leann Lewis

    I think it would also be great if there was an option to set the Klip "description" as a tooltip. Maybe a checkbox on the "About This Klip" page when writing/editing the description.

Please sign in to leave a comment.