Using Labels

CMaps Plugin and GMaps Plugin provides basic controls over text formatting via the Appearance tab. Using SAP Dashboards concatenation formulas you can concatenate dynamic labels using HTML. Using basic HTML creates an opportunity for rich content like images, charts, and links to other content

NOTE FOR  CMAPS PLUGIN: Introduced with CMaps Plugin is a new InfoWindow designer property to over-write labels and provide much more flexibility when there are more than 1000 points in the map. InfoWindow Designer

Including a Value inside of the label

Because CMaps Plugin & GMaps Plugin can not display number formatting by default, it is a common practice, to display the value alongside the label. You must manually define the numeric formatting for values using the TEXT() formula and concatenate. Syntax = TEXT([number],”[format”]
Examples: TEXT(A1,”$#,###”) TEXT(A1,”#%) TEXT(A1,”mm/dd/yyyy”).

EXAMPLE:

Capture

 

Note: You can hide the value property from the InfoWindow, by going to the Appearance tab, and unchecking “Show Value” Show Values

RESULTING LABEL:

Label

Using HTML and the Labels Property

To use HTML code within a label, all label data must be enclosed in <HTML></HTML> tags. CMaps Plugin and GMaps Plugin will support common HTML functionality like text formatting, line breaks, images, URLs, and bulleted lists. The labels property also provides dynamic control over the pop-up window size using the following format w:#;h:#<HTML</HTML>. “w:” is width and “h:” is height.

BASIC SYNTAX EXAMPLE: w:300;h:400<HTML>CONTENT</HTML>

NOTE- When using HTML format, the label style configuration will no longer be active. To modify the label font and alignment, you will need to do so inside of the <HTML><FONT> tags.

[ezcol_1third]

SAMPLE FORMULA:

=”w:180;h:150″&”<HTML>”&B14&”<FONT SIZE=’11’ family=’Verdana’><b><br>”&G14&”</b><br>”&TEXT(H14,”$#,###”)&”<br>”&TEXT(I14,”$#,###”)&”<br>”&F14&”<br><br><br></FONT><HTML>”

[/ezcol_1third] [ezcol_1third]

RESULTING LABEL TEXT:

w:180;h:150<HTML>Australia<FONT SIZE=’11’ family=’Verdana’><b><br><a href=”http://gmapsplugin.com”>Website Link</a></b><br>$2,500<br>$2,300<br><img src=”http://www.centigonsolutions.com/components/images/icon_background.jpg” /><br><br><br></FONT><HTML>

[/ezcol_1third] [ezcol_1third_end]

RESULT LABEL DISPLAY

Capture

[/ezcol_1third_end]

Supported HTML

Images
When displaying images in the CMaps Plugin it will not resize itself to the image automatically. To ensure the entire image will load, you will need to define the info window width and height.

Example: w:300;h:400<HTML>CONTENT</HTML>

IMPORTANT NOTE
When concatenating HTML, opening and closing quotes are reserved characters for concatenate. To introduce double quotes, you will need to enter them into a cell and reference the cell.

Example formula where A1=”

=”<img src=”&A1&”http://servername/image.jpg”&A1&”/>”
Resulting HTML

<img src=”http://servername/image.jpg”/>

Font Styling
Example: <FONT SIZE=’11’ family=’Verdana’><b>UK</b><br>

Bullet List
Example: <ul><li></li><li></li></ul>

Example: <ol><li> </li><li></li><ol>

Link
Example: <a href=”http://centigonsolutions.com”>web site</a>

Label Styles

Control the appearance of the label values, as they are displayed in a popup window, when each series marker is selected. Labels can be formatted using a comprehensive list of system fonts, standard colors, alignment options and bold, italic and underline font decorations.

Capture