How do I customize the PRTG web interface's login screen?

Votes:

0

Your Vote:

Up

Down

How can I change the look and feel of the PRTG login screen? I want it to fit into my company's corporate design. Users should have the impression they're login into one of our company's websites.

css customize design howto login-screen look-and-feel prtg web-interface

Created on Feb 1, 2010 3:45:51 PM by  Daniel Zobel [Paessler Support] (24,941) 3 3

Last change on Feb 9, 2010 4:44:55 PM by  Daniel Zobel [Paessler Support] (24,941) 3 3



1 Reply

Accepted Answer

Votes:

0

Your Vote:

Up

Down

This article applies to PRTG Network Monitor 12 or later, as well as to previous (deprecated) versions

Rebranding PRTG Network Monitor

Rebranding the web interface and adding custom CSS, HTML, or javascript code is supported by the PRTG API (as of PRTG version 9). Please log into your PRTG installation and navigate to Setup | PRTG API and click the Website Styling tab for detailed information.

See also the article Customizing and Re-Branding PRTG's Web Interface.




This article applies to PRTG Network Monitor 7 and 8 (deprecated)

For PRTG 7 and PRTG 8 (Deprecated Versions)

Login Screen Adaptation

There are several reasons for adapting the PRTG login screen. Maybe you are a company that uses its own PRTG installation to monitor customers' sites and you want to supply customized login screens with your customers' logos when they log into your PRTG installation.

PRTG Login Screen

There are two solutions to do this which are both quite easy to deploy for any webmaster:

  1. Solution 1: Copy the HTML code of the <form> tag from PRTG's login webpage and place it on your own website (note: the login form where you enter your credentials must not necessarily be served by the PRTG web server)
  2. Solution 2: Make a copy of PRTG's default login page (file "login.htm" in the "/PRTG Network Monitor/website/public/" folder, e.g. into login2.htm), edit it as necessary (make sure you keep the <#include file="includes\loginform.htm"> placeholder) and then give the customer this unique URL (e.g. http://prtgserver/public/login2.htm). <html> <body> <#include file="includes\loginform.htm"> </body> </html>

Note: As of PRTG 13.2.3, this file is in the folder /webroot/public/ of your PRTG program directory.

More

Many PRTG users want to use their own logos and/or corporate colors for the web interface of their PRTG installation. A hidden feature of PRTG 7.2.x allows you to modify the look and feel of the web interface using just a few CSS statements. For more information see the instructions on How to Re-Brand and Customize the PRTG Web Interface Using CSS.

Created on Feb 1, 2010 4:23:21 PM by  Daniel Zobel [Paessler Support] (24,941) 3 3

Last change on Dec 5, 2013 5:24:18 PM by  Gerald Schoch [Paessler Support] (6,173) 2 1



Please log in or register to enter your reply.


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.

PRTG
Network Monitor
Intuitive to Use.
Easy to manage.

150.000 administrators have chosen PRTG to monitor their network. Find out how you can reduce cost, increase QoS and ease planning, as well.

Visit
www.paessler.com

What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general. You are invited to get involved by asking and answering questions!

Learn more

Top Tags


View all Tags