Mouseover Box Variables Formatting

The appearance of mouseover box variables can be modified using standard HTML and CSS. In addition, there are several options available for adjusting the format of mouseover box variables.

The format of all mouseover box variables are adjusted by adding customization parameters to the initialization function located at the bottom of Configuration file (e.g. “salesforceConfig.js”).

$(function(){
onLoad(viewConfig);
{customization_parameter_1};
{customization_parameter_2};
{customization_parameter_3};
{customization_parameter_N};
});

Date format

Customization Parameter:

MouseOverPainter.setFieldFormatOption('{value_name}', 'format', '{date_format}’);

{value_name}	Any attribute from “CSV_DataTypes.cells” that has NUMBER properties.
{date_format}	To specify the date/time format use a pattern string made up of the symbols specified in Section 6.1, subsection {date_format}.

Example:

$(function(){
onLoad(viewConfig);

});

Decimal places

Customization Parameter:

MouseOverPainter.setFieldFormatOption('{value_name}', 'sigdigits', {number_of_decimal_places});

{value_name}	Any attribute from “CSV_DataTypes.cells” that has NUMBER properties.
{number_of_decimal_places}	Any positive integer. This is the number of decimal places that will be displayed.

Example:

$(function(){
onLoad(viewConfig);

});

Comma separator in large numbers

Customization Parameter:

MouseOverPainter.setFieldFormatOption('{value_name}', 'no_comma', {true_false});

{value_name}	Any attribute from “CSV_DataTypes.cells” that has NUMBER properties.
{true_false}	true – separating commas are not used in large numbers false – separating commas are used in large numbers

Example:

$(function(){
onLoad(viewConfig);

});

“no data” text for blank values: global setting

Customization Parameter:

MouseOverPainter.setNoDataText('{no_data_text}');

{no_data_text}	Specifies the string to use when no data is available.

Special Note: In the case of no data, any prefix or suffix is combined with the {no_data_text} string.

Example:

$(function(){
onLoad(viewConfig);
MouseOverPainter.setNoDataText('No Data Available');
});

“no data” text for blank values: individual attribute setting and/or global setting override

Customization Parameter:

MouseOverPainter.setFieldFormatOption('{value_name}', 'no_data', '{no_data_text}');

{value_name}	Any attribute from “CSV_DataTypes.cells”.
{no_data_text}	Specifies the string to use when no data is available.

Special Note: In the case of no data, any prefix or suffix is combined with the {no_data_text} string.

Example:

$(function(){
onLoad(viewConfig);
MouseOverPainter.setFieldFormatOption('Quota_Q4', 'no_data', 'n/a');
});