SSLVPN login page

player · ‎10-15-2009

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

rwpatterson · ‎10-15-2009

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

darrencarr · ‎11-25-2009

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)

rwpatterson · ‎11-26-2009

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

rich99 · ‎11-24-2009

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)

Report Inappropriate Content · ‎12-02-2009

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>