Cell Mouseover Box
The cell mouseover box is located in the following div tag of the HTML – anything entered in this div tag will be displayed in the cell mouseover box:
#mouseOverContainer .cellMouseOver
Standard HTML markup can be used to customize the look and layout of the cell mouseover box.
To insert the value of an attribute in the cell mouseover box, enclose the attribute name in curly braces '{}'. In the snippet below we use the attributes Sales_Rep, Sales_Manager, and Sales_Region as variables.
Sample cell mouseover box:
<table cellpadding="0" width="100%">
<tr><td class="labelBold blue" colspan="2">{Sales_Rep}</td></tr>
<tr><td colspan="2">Manager: {Sales_Manager}</td></tr>
<tr><td colspan="2">Region: {Sales_Region}</td></tr>
<tr><td colspan="2"> </td></tr>
<tr class="stat"><td>Total Sales (Q4):</td><td>${Total_Sales_Q4}</td></tr>
<tr class="stat"><td>Quota (Q4):</td><td>${Quota_Q4}</td></tr>
<tr class="stat"><td>% of Quota Met:</td><td>{Quota_Percent}%</td></tr>
<tr><td colspan="2"> </td></tr>
</table>