Error:
An unexpected error occurred. Please click Reload to try again.
Error:
An unexpected error occurred. Please click Reload to try again.
How to add a company logo on the GlobalProtect Portal login page - Knowledge Base - Palo Alto Networks

How to add a company logo on the GlobalProtect Portal login page

56316
Created On 09/25/18 17:19 PM - Last Modified 06/16/23 17:35 PM


Symptom


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

Resolution


  1. Navigate to Device > Response pages and 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 and, on the General Tab, select the Custom Login Page or import the modified page directly 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



Actions
  • Print
  • Copy Link

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

Choose Language