Custom block page code examples

There are a number of ways that you can customize block pages.

In the following example, the blockFrame.html file has been updated to add 2 new buttons: one that links to an Internet usage policy document, and one that submits a request to permit access to a blocked website.

Some text has also been added to the page to give guidance about submitting requests to access a blocked website.

The sample code has been added after the “more info” section of the block file code. This section starts with:

<!-- MORE INFO section -->

It ends with:

$*WS_ACEINSIGHT_LINK-END*$

The following section of sample code was inserted to create the button that links to the Internet Usage Policy document:

<table class="first-option" id="usage-policy">
<tr>
<td>
<input type="button" onclick="window.open('// 
www.mycompany.com/documents/internal/
internet_usage_policy.pdf','_blank');"value="Internet Usage 
Policy" id="isp_link" class="ws_btn">
</td>
<td>
<span class="ws_btn_desc">Click to view the 
MyCompany policy for secure Internet browsing.</span>
</td>
</tr>
</table>

The next section of code adds the guidance about requesting access to a blocked website:

<p class="option">
<strong>Requests to access the following types of websites 
require a specific, detailed business case for the exception.</strong></p>
<p>
<ul class="option">
<li>Personal Network Storage and Backup</li>
<li>Social Networking</li>
<li>Hacking</li>
</ul>
</p>

And finally, a second button offers the chance to submit the request for access directly to the appropriate destination:

<table class="option" id="permitReq">
<tr>
<td>
<input type="button" onclick="window.open('// 
helpdesk.mycompany.com/kinetic/ 
DisplayPage?name=URLunblock&date=$*WS_DATE*$&username=$*WS_U 
SERNAME*$&url=$*WS_URL*$&category=$*WS_CATEGORY*$','_blank')
;"value="Request Access" id="unblock_btn" class="ws_btn">
</td>
<td>
<span class="ws_btn_desc">Click to request access 
to this website. <strong>All requests must be business 
related.</strong></span>
</td>
</tr>
</table>