Support Forum
The Forums are a place to find answers on a range of Fortinet products from peers and product experts.
player
New Contributor

SSLVPN login page

Hi all, how can one customize the the login page, such as logo and and disclamer notes i cant see any option to upload a logo..
player. rock the boat , dont sink the ship
player. rock the boat , dont sink the ship
5 REPLIES 5
rwpatterson
Valued Contributor III

If you want a logo on the page, you need to use the HTML ' img' tag to point to the image located on another server.

Bob - self proclaimed posting junkie!
See my Fortigate related scripts at: http://fortigate.camerabob.com

Bob - self proclaimed posting junkie!See my Fortigate related scripts at: http://fortigate.camerabob.com
darrencarr

Is there a way to store the logo on the firewall and point to it? I have a 1000A and would like to import the Verisign logo to the SSLVPN login page. I have a signed certificate from verisign and am keen to incorporate this along with my company logo. Any ideas?
Fortigate 1000A v4.0,build194,100121 (MR1 Patch 4) Fortianalyzer 800B v4.0,build0130 (MR1 Patch 3)
Fortigate 1000A v4.0,build194,100121 (MR1 Patch 4) Fortianalyzer 800B v4.0,build0130 (MR1 Patch 3)
rwpatterson
Valued Contributor III

We have a wildcard cert here, so all our servers are using the same cert, hence no warning. No way I know of to store anything on the FGT.

Bob - self proclaimed posting junkie!
See my Fortigate related scripts at: http://fortigate.camerabob.com

Bob - self proclaimed posting junkie!See my Fortigate related scripts at: http://fortigate.camerabob.com
rich99
New Contributor

But if you add HTML tag to reference a image on another web server, you will have a certificate warning because the image is outside of the SSL session. :(
Fortinet Certified Network Security Associate (FCNSA) Fortinet Certified Network Security Professional FortiOS (FCNSP)
Fortinet Certified Network Security Associate (FCNSA) Fortinet Certified Network Security Professional FortiOS (FCNSP)
Not applicable

As you say there is no way of uploading an image to the unit itself but you can grab the image from another secure web server without any issue at all. I actually used jQuery to essentially rewrite the page to how I wanted it to look after it is loaded. Basically just alter some bits and bobs in the code below and change the SSL VPN Login Page replacement message. Id suggest backing up the existing code before you change it though.
<!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN"  " http://www.w3.org/TR/html4/loose.dtd" >
 <html>
 <head>
 <meta http-equiv=" Content-Type"  content=" text/html; charset=utf-8" >
 <title>SSL VPN Login</title>
 <meta http-equiv=" Pragma"  content=" no-cache" >
 <meta http-equiv=" cache-control"  content=" no-cache" >
 <meta http-equiv=" cache-control"  content=" must-revalidate" >
 <link href=" /sslvpn/css/login.css"  rel=" stylesheet"  type=" text/css" >
 <script type=" text/javascript" >
 if (top && top.location != window.location) top.location = top.location;
 if (window.opener && window.opener.top) { window.opener.top.location = window.opener.top.location; self.close(); }</script>
 <script type=" text/javascript"  src=" https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
 <style type=" text/css" >
 <!--
 :link, :visited {
 	text-decoration:none
 }
 ul, ol {
 	list-style:none
 }
 td, h1, h2, h3, h4, h5, h6, pre, code {
 	font-size:1em;
 }
 ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
 	margin: 0;
 	padding: 0
 }
 a img, :link img, :visited img {
 	border:none
 }
 address {
 	font-style:normal
 }
 body * {font-family: Verdana, Arial, Helvetica, sans-serif;}
 input {
 	font-size: 11px;
 	height: auto;
 	width: auto;
 	margin: 2px;
 }
 img#ssllogo {
 	display: block;
 	margin-top: 10px;
 	margin-left: auto;
 	margin-right: auto;
 }
 #loginpage {
 	font-size: 11px;
 	margin: 10px auto;
 	width: 210px;
 }
 #disclaimer {
 	width: 450px;
 	margin: 0px auto;
 	text-align: justify;
 	font-size: 11px;
 }
 -->
 </style>
 </head>
 <body>
 <img src=" https://my.secureserver.co.uk/images/sslvpnlogo.jpg"  alt=" SSL VPN"  id=" ssllogo"  width=" 470"  height=" 102" >
 <div id=" loginpage" >
   <form action=" %%SSL_ACT%%"  method=" %%SSL_METHOD%%"  id=" sslform" >
     <table cellpadding=" 0"  cellspacing=" 0" >
       %%SSL_LOGIN%%
     </table>
     %%SSL_HIDDEN%%
   </form>
 </div>
 <div id=" disclaimer" >By clicking ' Authenticate'  you acknowledge that you are authorised to access this service.
   All authentication attempts are strictly monitored.</div>
 </body>
 <script>document.forms[0].username.focus();</script>
 <script>
 $(document).ready(function(){
 	$(" td b:contains(' Please' )" ).parent().html(' ' );
 	$(" td b:contains(' Name' )" ).parent().html(' Username:' );
 	$(" td b:contains(' Password' )" ).parent().html(' Password:' );
 	$(" tr[class=' dark' ]" ).removeClass(" dark" );
 	$(" td" ).removeAttr(" style" ).removeAttr(" width" );
 	$(" form table" ).removeClass(" list" ).removeAttr(" align" ).removeAttr(" height" ).removeAttr(" width" );
 	$(" input[type=' image' ]" ).hide();
 	$(" input[type=' image' ]" ).after(' <input class=" sub_but"  name=" sub_but"  id=" sub_but"  type=" button"  value=" Authenticate" >' );
 	$(" #sub_but" ).click( function() {
 		$(" #sslform" ).hide();
 		$(" #disclaimer" ).hide().html(' Attempting login...please wait.' ).show();
 		$(" #sslform" ).submit();
 	});
 	$(' input' ).keydown(function(e){
 			if (e.keyCode == 13) {
 				$(" #sslform" ).hide();
 				$(" #disclaimer" ).hide().html(' Attempting login...please wait.' ).show();
 				$(this).parents(' form' ).submit();
 				return false;
 			}
 	});
 });
 </script>
 </html>
 
Announcements

Select Forum Responses to become Knowledge Articles!

Select the “Nominate to Knowledge Base” button to recommend a forum post to become a knowledge article.

Labels
Top Kudoed Authors