Skip to main content
Announcements
Qlik Connect 2024! Seize endless possibilities! LEARN MORE
cancel
Showing results for 
Search instead for 
Did you mean: 
bruce_sorge
Contributor III
Contributor III

Customize ToolTip Text

Hello ,

I have a map that is using a point layer with bubbles. I am trying to customize the text. I have the first line correct (institution name), but I am having issues getting the second line to show something different. Since I am using an expression to color the bubbles, it's showing the color expression (see attached image). The code I am using in the expression is:

=if([ABS_TYPE]='Centers',rgb(642,67,67),if([ABS_TYPE]='Grant',rgb(25,58,223),if([ABS_TYPE]='Fellow',rgb(0,204,0),if([ABS_TYPE]='SBIR',rgb(255,37,249),if([STAR]='y',rgb(255,255,51)))))).

This code is working fine. How can I get the second line to show something different ( like grant number for instance, or number of grants) instead of the color code.

 

Thanks

Bruce

 

Labels (2)
3 Replies
simonaubert
Partner - Specialist II
Partner - Specialist II

Hello,

I'm afraid this is not possible... however you can vote on the idea to implement it :https://community.qlik.com/t5/Qlik-Sense-Enterprise-Ideas/Custom-tooltip-in-Qlik-Sense/idi-p/1616885

Best regards,

 

Simon

Bi Consultant (Dataviz & Dataprep) @ Business & Decision
Giuseppe_Panella
Employee
Employee

Hi, 

starting from Qlik Sense June 2020 you have advanced options to can customize the tooltips

Majed
Contributor III
Contributor III

I had some requirements to customize the tooltip, changing the text direction, for RTL language, as well as changing the size and text alignment. It is really painful to get the class path. I am sharing here if it could help anyone.

#qs-chart-tooltip > div > div > div.qv-chart-tooltip-inner > div > div > div.qv-tp-title.ng-scope.qv-rtl-text.qv-rtl-layout{
text-align: center!important;
font-size:x-large;
}
#qs-chart-tooltip > div > div > div.qv-chart-tooltip-inner > div > div > div.qv-tp-description.ng-scope.qv-rtl-text.qv-rtl-layout{
text-align: right;
font-size: large;
}

 

The first one is for the title, the second is for the text.