topic Re: Custom Button on URL Continue Response Page in General Topics

Custom Button on URL Continue Response Page

jwolach — Wed, 25 Mar 2015 12:00:09 GMT

Is it possible to create a custom button for the URL Continue Response Page? My customer is complaining that the Continue button that is part of the pan_form is too small and would like to create a larger one to use.

Re: Custom Button on URL Continue Response Page

KiCheon.Lee — Fri, 31 Jul 2015 07:47:57 GMT

Hello jwolach,

Did you find it out how continue button can be bigger?

If you knew, please let me know it.

My customer is also complaining.

Thanks,

KC Lee

Re: Custom Button on URL Continue Response Page

jwolach — Fri, 31 Jul 2015 13:40:37 GMT

Hi KC,

What I wound up doing is adding the following items to the Styles section of the custom html page.

}

input.buttonFixed {

font-weight: bold;

width: 80px;

margin: 5px 0px 4px 4px;

}

This lets you resize the button font size, weight and dimensions.

I hope this helps.

Kind regards,

Jeff

Re: Custom Button on URL Continue Response Page

KiCheon.Lee — Mon, 03 Aug 2015 06:01:52 GMT

Hi Jeff,

Thank you very much for your answer.

Excuse me, please let me look at the full html.

I am trying it. but web page does not go to next page when click "continue"

Thanks,

KC Lee

Re: Custom Button on URL Continue Response Page

jwolach — Mon, 03 Aug 2015 15:16:31 GMT

Hi KC,

Here's my entire response page HTML.

<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">

<meta name="viewport" content="initial-scale=1.0">

<style>

#content {

border:3px solid#aaa;

background-color:#fff;

margin:1.5em;

padding:1.5em;

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

font-size:1em;

}

h1 {

font-size:1.3em;

font-weight:bold;

color:#196390;

}

b {

font-weight:normal;

color:#196390;

}

input.buttonFixed {

font-weight: bold;

width: 80px;

margin: 5px 0px 4px 4px;

}

</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>GlobalProtect Portal</h1>

</div>

<div id="formdiv" align="center">

<pan_form/>

</div>

</BODY>

</HTML>

I hope this helps.

Kind regards,

Jeff

Re: Custom Button on URL Continue Response Page

KiCheon.Lee — Wed, 05 Aug 2015 08:05:14 GMT

Hello Jeff,

Thanks for your kindness.

I have retried it as you helped. But I can not make button size is more bigger.

Here is a my URL continue response page.

Please let me know it why not.

<html>

<head>

<title>Application Blocked</title>

<style>

#content{background-color:#f2f2f2;margin:40;padding:40;font-family:Tahoma,Helvetica,Arial,sans-serif;font-size:15px;}

h1{font-size:30px;font-weight:bold;color:#FF0000;line-height:90%;}

a{font-size:30px;font-weight:bold;color:#000000;line-height:90%;}

b{font-weight:bold;color:#000000;line-height:180%;}

input.buttonFixed {

font-weight: bold;

width: 800px;

margin: 5px 0px 4px 4px;

}

</style>

</head>

<tr>

</tr>

<tr>

<h2>메일 확인은 로고 아래에 있는 "continue"를 클릭해 주세요. <h2>

<b>문의사항은 Helpdesk (02-1234-4567)로 연락 바랍니다.</b><br>

</font>

</td>

</tr>

<tr>

<pan_form/>

</td>

</tr>

</table>

</div>

</body>

</html>

Re: Custom Button on URL Continue Response Page

jwolach — Thu, 06 Aug 2015 08:32:59 GMT

Hi KC,

I apologize, I posted my GlobalProtect Portal page which uses different styles than the URL Continue page. Below is my URL Continue page where I made the Continue Button text & button size larger (see bold text). I hope this helps.

<html>

<head>

<title>Web Page Blocked</title>

<style>

#content {

border:3px solid#aaa;

background-color:#fff;

margin:1.2em;

padding:1.2em;

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

font-size:1em;

}

h1 {

font-size:1.2em;

font-weight:bold;

color:#196390;

}

b {

font-weight:normal;

color:#196390;

}

form td, form input {

font-size: 2em;

font-weight: bold;

width: 240px;

border-radius: 55px;

}

#formtable {

height: 100%;

width: 100%;

}

#formtd {

vertical-align: middle;

}

#formdiv {

margin-left: auto;

margin-right: auto;

}

</style>

function pwdCheck() {

if(document.getElementById("pwd")) {

document.getElementById("continueText").innerHTML = "If you require access to this page, have an administrator enter the override password here:";

}

</script>

</head>

<h1>Web Page Blocked</h1>

<p>Access to the web page you were trying to visit has been blocked in accordance with company policy. Please contact your system administrator if you believe this is in error.</p>

<p><b>Category:</b> <category/> </p>

<hr>

<p id="continueText">If you feel this page has been incorrectly blocked, you may click Continue to proceed to the page. However, this action will be logged.</p>

<pan_form/>

<style>

#dError {

background-color: #FFFF88;

color: #E10000;

margin-top: 10px;

padding-top: 10px;

padding-bottom: 10px;

margin-left: 10px;

margin-right: 10px;

padding-left: 10px;

padding-right: 10px;

border: 1px solid #999999;

font-weight: bold;

overflow: auto;

}

</style>

</div>

<a href="#" onclick="history.back();return false;">Return to previous page</a>

</div>

</body>

</html>

Re: Custom Button on URL Continue Response Page

jwolach — Thu, 06 Aug 2015 09:44:08 GMT

Here's what the button looks like with my new settings.

Re: Custom Button on URL Continue Response Page

KiCheon.Lee — Wed, 19 Aug 2015 02:34:04 GMT

Hello jwolach,

I apologize to give you my feedback late.

I have been stuck another emergency job.

I tested it yesterday as you mentioned.

It is so greate!!!!!! your answer is perfect.

Thank you very much. I like it.

My customer is pretty satisfactory for your help.

Could you pleae let me know one more question?

Can I modify character in button from English to Korean Language?

I say again, thanks for your help.