Forum Discussion

ShinyDeveloper's avatar
ShinyDeveloper
Regular Visitor
1 year ago
Solved

Tooltips for visual title bar

Hello,

 

I want to be able to have users hover over the title bar for a slicer or visualisation and have a tooltip appear explaining what the visual is showing or what the slicer pertains to.

 

Currently to achieve this I need 3 elements;

  • The slicer (or visual) with title turned off
  • A textbox containing the title (send to back) positioned above the visual/slicer
  • A transparent card positioned superimposed over the title textbox which is connected to the tooltip contents (tooltip page).

I also include an information icon on the title bar to indicate to users that a tooltip is present.

 

Ideally, I should be able to do this without the textbox and the card visual. Surely there is a sensible way to do this without all the extra run around? As you can imagine resizing/repositioning all of this is a headache, especially with all the intrusive popups that activate outside neighbouring visuals when hovering over elements.  If there isn't as simpler way to achieve title bar tooltips, I will add it to the requested features list.

 

Thank you for your time.

  • Hi ShinyDeveloper  You can use "Help Tooltip" icon. Here is how:

    Select the visual > Go to properties > Turn on "Help Tooltip". See image below:

    After that help tooltip option will reveal. Input your desired instruction for the user and you are done. See image:

    By hovering mouse over the icon it will show tooltips. See images:

    You can customize font and background color.


    Hope this helps!!

    If this solved your problem, please accept it as a solution and a kudos!!

     

    Best Regards,
    Shahariar Hafiz

  • Hi ShinyDeveloper 
    I you can just add some "i" / other button to the title to get a tooltip effect :

    According to the slicer with the new slicer, you can have tooltips even on the value level :

    The pbix with the examples is attached

    If this post helps, then please consider Accepting it as the solution to help the other members find it more quickly

     

2 Replies

  • Hi ShinyDeveloper  You can use "Help Tooltip" icon. Here is how:

    Select the visual > Go to properties > Turn on "Help Tooltip". See image below:

    After that help tooltip option will reveal. Input your desired instruction for the user and you are done. See image:

    By hovering mouse over the icon it will show tooltips. See images:

    You can customize font and background color.


    Hope this helps!!

    If this solved your problem, please accept it as a solution and a kudos!!

     

    Best Regards,
    Shahariar Hafiz

  • Hi ShinyDeveloper 
    I you can just add some "i" / other button to the title to get a tooltip effect :

    According to the slicer with the new slicer, you can have tooltips even on the value level :

    The pbix with the examples is attached

    If this post helps, then please consider Accepting it as the solution to help the other members find it more quickly