What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general.

Learn more

PRTG Network Monitor

Intuitive to Use. Easy to manage.
More than 500,000 users rely on Paessler PRTG every day. Find out how you can reduce cost, increase QoS and ease planning, as well.

Free Download

Top Tags


View all Tags

Can you provide sample CSS, JavaScript, HTML for customizing PRTG’s web interface?

Votes:

0

I would like to see some examples and real usages of PRTG’s customization abilities. Can you show me some application and code examples which show how to customize the web GUI of PRTG?

css customize html javascript prtg web-gui web-interface webgui

Created on Mar 31, 2014 12:44:48 PM by  Gerald Schoch [Paessler Support]

Last change on Aug 7, 2017 1:24:52 PM by  Gerald Schoch [Paessler Support]



1 Reply

Accepted Answer

Votes:

1

This article applies to PRTG Network Monitor 13.2.3 through 17.3.33

PRTG Web Interface Customizations

The PRTG API provides a lot of options to adjust the appearance of the PRTG web interface. With some knowledge of CSS, JavaScript, and/or HTML you are able to customize the webGUI in a way that it looks and shows items like you want it. Please see this article for an introduction to re-branding and customizing PRTG.

The following articles show specific usages of CSS, JavaScript, and HTML code for a customized styling of PRTG’s web interface.

The customization approach that the examples below use is unsupported and deprecated as of versions 17.3.34/17.4.35. These customizations no longer work. If you customized the web interface as described in these articles, the changes will be lost. We only provide these articles for your information. For more details, see How can I re-brand and customize the PRTG web interface using CSS and Javascript?

General Appearance of PRTG

Device Tree and Sensor Display Adjustments

Geo Maps

PRTG Maps (Dashboards)


Note: If you want to update from an outdated PRTG version (previous to v13.2.3) to a current PRTG version, please consider also the article What about my web interface customization as of PRTG 13.2.3?

Created on Mar 31, 2014 12:45:21 PM by  Gerald Schoch [Paessler Support]

Last change on Mar 22, 2018 12:18:26 PM by  Brandy Greger [Paessler Support]




Disclaimer: The information in the Paessler Knowledge Base comes without warranty of any kind. Use at your own risk. Before applying any instructions please exercise proper system administrator housekeeping. You must make sure that a proper backup of all your data is available.