What map object was used to create the status-colored display of unsolved tickets as well as the status-colored revenue display on the dashboards used in Paessler office.

Here is a screenshot:

Paessler Dashboards Screenshot

Please see the related Blog article for more information.

Article Comments

This is not an official feature and as such it is not officially supported. It may or may not work for you.

How We Display Information from Our Ticket System

For Version 13.2.3 or later

We have created a new file in the \webroot\mapobjects folder with the following content:

<!--Paessler AG: Ticket-Anzeige-->

<div class="map_object map_icon2 map_icon_large <#sensor type="colorclassofstate" prefix="map_iconcolor_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">;

	text-align:left;
	border:none;
	width:210px;
	height:95px;
	padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;
	font-weight:900;
	border-left:2px solid #fff;
	border-right:2px solid #fff;


">
	<#mapobject type="objectgrip" mode="<@editmode>">
	<#mapobject type="htmlbefore" subid="<@subid>">
	<span style="position:relative;width:200px;height:80px;display:block;font-size:14px">
		<center><#objectproperty name="Name" id="<@objectid>">
		<br><span style="font-size:40px" id="<@objectid>_val"><#objectstatus name="lastvalue" id="<@objectid>"></span></center>

	</span>
		<#mapobject type="htmlafter" subid="<@subid>">
</div>
 
<script>
$(function() {
	if (!$("#<@objectid>_val").text().search(/.*%.*/)) {
		if ($("#<@objectid>_val").text().search(/.*-.*/)) {
			$("#<@objectid>_val").prepend("+");
			}
		}
	
});
</script>

For Version 13.2.2 and before

We have created a new file in the \website\mapobjects folder with the following content:

<!--Paessler AG: Ticket-Anzeige-->

<div class="map_object map_icon2 map_icon_large <#sensor type="colorclassofstate" prefix="map_iconcolor_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">;

	background:-moz-linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* FF3.6+ */
	background:-webkit-linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* Chrome 10+, Safari 5.1+ */
	background:-ms-linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* IE10+ */
	background:linear-gradient(top, #e0e0e0 0%,#cccccc 100%)!important; /* W3C */
	text-align:left;
	border:none;
	width:200px;
	height:80px;
	padding-left:3px;
	padding-bottom:3px;
	padding-right:3px;


">
	<#mapobject type="objectgrip" mode="<@editmode>">
	<#mapobject type="htmlbefore" subid="<@subid>">
	<span style="position:relative;width:200px;height:80px;display:block;font-size:13px">
		<center><#objectproperty name="Name" id="<@objectid>">
		<br><span style="font-size:33px" id="<@objectid>_val"><#objectstatus name="lastvalue" id="<@objectid>"></span></center>

	</span>
		<#mapobject type="htmlafter" subid="<@subid>">
</div>

<script>
$(function() {
	if (!$("#<@objectid>_val").text().search(/.*%.*/)) {
		if ($("#<@objectid>_val").text().search(/.*-.*/)) {
			$("#<@objectid>_val").prepend("+");
			}
		}
	
});
</script>

Oct, 2012 - Permalink

Possibly a dumb question, but what is the graph in the middle, to the right of the sunburst, in your display?


Nov, 2012 - Permalink

@bjobrien: It's a Google map of our infrastructure and charts of the Google analytics data from our websites.


Nov, 2012 - Permalink

Am I correct that the "Paessler AG: Ticket-Anzeige" code does not works anymore with version 13.2.3 ? Is there new code to create the same object on the current version?


May, 2013 - Permalink

I have updated the code for the new version above.


May, 2013 - Permalink