Palo Alto Networks Knowledgebase: How to Add a Company Logo on the GlobalProtect Portal Login Page

How to Add a Company Logo on the GlobalProtect Portal Login Page

6608
Created On 08/05/19 19:57 PM - Last Updated 08/05/19 20:11 PM
Device Management Initial Configuration Installation QoS Zone and DoS Protection
Resolution

Overview

This document explains how to modify the predefined GlobalProtect Portal Login Page to add a company logo.

 

Steps

  1. Navigate to Device > Response pages. Click GlobalProtect Portal Login Page.
  2. Export the Predefined page.

i1.PNG.png

   3. Modify the HTML code by adding the company logo as shown below. The code in italic type shows the URL where the image is located.

 

<HTML>

<HEAD>

<TITLE>Palo Alto Networks - GlobalProtect Portal</TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="/styles/falcon_content.css?v=@@version">

<img src="http://cdn.slidesharecdn.com/profile-photo-Palo_Alto_Networks-96x96.jpg?1382722588"/>

<style>

td {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-weight: bold;

  color: black; /*#FFFFFF; */

}

.msg {

    background-color: #ffff99;

    border-width: 2px;

    border-color: #ff0000;

    border-style: solid;

    padding-left: 20px;

    padding-right: 20px;

    max-height: 150px;

    height: expression( this.scrollHeight > 150 ? "150px" : "auto" ); /* sets max-height for IE */

    overflow: auto;

}

.alert {font-weight: bold;color: red;}

</style>

</HEAD>

<BODY bgcolor="#F2F6FA">

  <table style="background-color: white; width:100%; height:45px; border-bottom: 2px solid #888888;">

  <tr style="background-image:url(/images/logo_pan_158.gif); background-repeat: no-repeat">

  <td align="left"> </td>

  </tr>

  </table>

  <div align="center">

  <h1>Palo Alto Networks - GlobalProtect Portal</h1>

  </div>

  <div id="formdiv">

<pan_form/>

</div>

</BODY>

</HTML>

 

   4. Import the modified response page by navigating to Device > Response Pages > Global Protect Portal Login Page.
Untitled.png

5. Go to Network > GlobalProtect > Portals.   On the General Tab choose the Custom Login Page or import the modified page directly from here.

 

2017-11-22_14-46-46.png

 

 

 

 

6. The GlobalProtect Portal Login page with the custom logo is displayed as shown below.

 

i5.PNG.png


Note: Ensure that the image source URL in the HTML code is hosted from a server that is accessible to the remote GlobalProtect users. See also: Customizing Response Pages

 

owner: gchandrasekaran



Attachments
Actions
  • Print
  • Copy Link

    https://knowledgebase.paloaltonetworks.com/KCSArticleDetail?id=kA10g000000ClErCAK&refURL=http%3A%2F%2Fknowledgebase.paloaltonetworks.com%2FKCSArticleDetail

Attachments
Choose Language