Hello everyone,
How i can Add tooltip to a panel on a hover so that if i select in panel anywhere it shows the tooltip.
now it is showing only when I click count but my requirement is wherever I will select in the panel its will shows the message.
i have used below XML
<dashboard theme="dark">
<label></label>
<row>
<panel id="panel1">
<title></title>
<html>
<style>
}
.custom-tooltip:hover:after{
background: #33323 ;
background: rgba(0,0,0,.8) ;
border-radius: 5px ;
bottom: 26px ;
color: #fff ;
content: attr(title) ;
left: 20% ;
padding: 5px 15px ;
position: absolute ;
z-index: 98;
width: 220px;
}
</style>
<a title="These are high severity Count. Click on the count to view the details." class="custom-tooltip">Count</a>
</html>
<single>
<title></title>
<search>
<query>|inputlookup TEST1001.csv
| eval count = if(ProjectName="CNB", "200", count)
| eval count = if(ProjectName="PPN", "400", count)
| eval count = if(ProjectName="LLP", "400", count)
| eval count = if(ProjectName="DDF", "600", count)
| stats sum(count) as Tottle</query>
<earliest>0</earliest>
<done>
<set token="tokToolTipText1">Tooltip1: Search returned $job.Tottle$ Results!</set>
</done>
<sampleRatio>1</sampleRatio>
</search>
<option name="colorMode">block</option>
<option name="drilldown">none</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="useColors">1</option>
</single>
</panel>
</row>
</dashboard>
1 Solution
