I am designing a map about all of our VPN connections. the issue is that I need some huge status icons that could be seen from a long distance on one of our huge LCDs . I actually want the whole VPN connection icon to become red . would that be possible within PRTG ?

Article Comments

Hello,

please see if the following two articles may help:

Best Regards


Feb, 2011 - Permalink

I made some progresses by creating my custom CSS file as below :

------------------------------

map_icon_vpn div.sensg 
{ 
  
  display:inline-block; 
  background-image:url(/icons/led_green_xl.png)!important; 
  padding-bottom:80px!important; 
  padding-left:580px!important; 
  min-height: 34pt;
  margin-right: 10px;
  margin-left: 10px;
}

-----------------------------------

where my icon is 580 x 80

The problem is that now I cannot drag that icon . it sticks to one place in the map.


Feb, 2011 - Permalink

I nailed this ; inside and out . posted full article in my own blog : http://itspectrum.ca/2011/03/08/customizeprtgmaps/

Thanks Ali


Mar, 2011 - Permalink

Kind of a handy one if you need a box that is mostly transparent. I use it as an overlay for things I want to make clickable... Kind of a quick cheat

<!--Objects: Transpaent Box with black border-->

<div class="map_object map_graph" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
<#mapobject type="objectgrip" mode="<@editmode>">
<#mapobject type="htmlbefore" subid="<@subid>">
<#checkobjecttype objecttype="sensor,probenode,group,device" nicemessage="true" id="<@objectid>">

	    <div style="display:block;width:<@width>px;height:<@height>px;background:#000;opacity:0.04;filter:alpha(opacity=4);border:2px solid black;">
		</div>

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

Jul, 2011 - Permalink