I would like to see how to create custom map objects, code examples (HTML, CSS), and how to use these objects in the PRTG Map Designer. Can you provide sample codes for map objects?
Article Comments
This article applies to PRTG Network Monitor 13.2.3 or later
Custom Map Objects for PRTG Maps
The PRTG Maps feature enables you to create web pages with your own view on the monitoring data and publish your network status in a customizable layout. Because these dashboards are common HTML web pages technically, you can edit existing map objects, add new map objects to use in the Map Designer, and include external elements from other web pages.
The following articles show sample codes for custom map objects. You can use these objects in your own maps, customize them, or take the code samples as a starting point to create your own custom map objects:
General Customizations
Specific Map Objects
Aug, 2014 - Permalink
Are these still relevant with 17.4.35.3441? If not, how do I customize my map items? I find some of the out of the box ones are lacking for my needs.
Dec, 2017 - Permalink
Hi Rob,
Yes, the guides still apply to the new webinterface. Only the design was changed not the way everything is created and works in the background.
Best regards.
Dec, 2017 - Permalink
This article applies to PRTG Network Monitor 13.2.3 or later
Custom Map Objects for PRTG Maps
The PRTG Maps feature enables you to create web pages with your own view on the monitoring data and publish your network status in a customizable layout. Because these dashboards are common HTML web pages technically, you can edit existing map objects, add new map objects to use in the Map Designer, and include external elements from other web pages.
The following articles show sample codes for custom map objects. You can use these objects in your own maps, customize them, or take the code samples as a starting point to create your own custom map objects:
General Customizations
General introduction to custom map objects (data path, object naming, placeholders)
Shows how to define other colors for sensor states in maps
Shows how to include any images in maps
Shows how to remove or customize the PRTG footer for maps
Shows how to adjust the width of lines that connect map objects
Make links in public maps unclickable
Resources for background images
Adding links to other maps to drill down into 'sub'-maps
Customizing tables in maps
Configuring a custom URL-built-in refresh time for a map
Specific Map Objects
Shows how to display uptime, downtime, and coverage statistics in maps
Shows how to use a Sunburst view for a Library in a map to get the cumulated status of specific sensors on a device or group
Gives a custom map object for a PRTG Library
Shows how to create a small channel gauge without any text
Gives an idea about how to realize a map object that shows RX and TX values of an SNMP Traffic sensor
Shows how to create map objects for any toplists
Shows how we realized the ticket display on our office dashboard (uses an HTTP XML/REST Value sensor to get the data)
Shows how to create a log table map object
Shows how to add external information to maps
Shows how to remove acknowledged down sensors from the map object "DOWN Sensors"
Shows how to change the font size of a map object
Shows how to use custom icons in maps for specific sensor states
Aug, 2014 - Permalink