Navigation: Contents   Index   Previous   Next

Editing the Skin of the Web GUI

In order to edit the look and feel of the Web GUI you must edit the HTML template files in the “webtemplates” subfolder of your installation folder.

Basically there is one main HTML template file PRTG Traffic Grapher builds the main page and all other pages from: global.htm. However, as one moves deeper into the interface, there might be other web templates that need to be edited. All of these, however, are found in the same directory.

When editing this HTML file, please ensure to keep the placeholder structure in a proper manner, as changes to this structure can cause problems when viewing the web-based interface. It is of particular importance not to change the “<#Content>” placeholder, as it is here where the graphs and tables are displayed.

Also, prefer to edit the style sheet at the beginning of the file to achieve the desired layout rather than editing the actual HTML code of the file.

All images used in the web view can also be changed. These files can be found under the appropriate skin (in the webtemplates folder) under the subdirectory “images”.

You can generate additional skins by merely generating a new folder – this will be available as a skin in the drop-down menu of the web interface skin selection. Any name can be used. However, do make sure that all relevant files are to be found in the respective folder.

Note: To edit the HTML files please do not use an HTML editor that actively changes the HTML code (e.g. FrontPage), because very often the code for the placeholders are changed and IPCheck Server Monitor will not work with these files. We recommend to use Windows Notepad or any other plain text editor. Also, always make a backup copy of the original files before changing them!