Netscaler 10.1 Custom AAA Login Page

For instance if we wish to change the background image we can add a new image to the folder /var/netscaler/gui/vpn/media by added a new image by the name bg_bubbles.jpg to replace the old background.

If we wish to change the text that appears in the portal we can change this under /vpn/resources/en.xml

Now if we want to same this custom theme, we first need to create a folder called ns_gui_custom under the /var/ folder.

This can in shell by writing  mkdir /var/ns_gui_custom

Next change directory to /netscaler by typing: cd /netscaler

Now we to archive the ns_gui folder: tar -cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/* This is because when the netscaler boots it exports the tar file to the nsgui folder.

To add a disclaimer to the login page of the Access gateway Enterprise Edition, complete the following procedure:

Copy the index.html and login.js files to the local computer.
Open the index.html file in a text editor and make the following changes to the content of the file:

This definition is available at approximately line number 67.
Add the text, highlighted in bold face for your reference, as shown in the following snippet:
...<tr>
<!– Disclaimer customization – Add a name to the LogonButton in order to be referenced later –>
<td></td><td></td><td align=”right”><input type=”submit” value=”Log On” onclick=”ns_check();” onmouseover=”this.className=’CTX_CaxtonButton_Hover';” onmouseout=”this.className=’CTX_CaxtonButton';” name=”LogonButton” disabled=”true”/></td>
</tr>
</table>
<!– Disclaimer customization –>
<input type=”checkbox” name=”chk1_button” onClick=”enableLogonButton(this);”/> Please enter you disclaimer text here
<!– End of Disclaimer customization–>
</FORM>