Manually customizing Gateway login page in 11.0

From 11.0 as we all know the customization of Gateway login page is made easier and can be done from management GUI using various options.

Still if there are customers who wants something specific on Gateway login page which is not available from the GUI options for customization, then customer can manually customize on their own.

For example if customer has a requirement where they wants to display their support numbers just below the username and password prompt on login page, so that their customer's are aware of those contact details.

You could edit the file in /netscaler/ns_gui/vpn/js/gateway_login_form_view.js file as below for any gateway login page customization:

NOTE: This is a sample code and we should not assist customer's in configuring the code. This is only for reference purpose.

Add following code:

var forgot_password = $("<div></div>").addClass("eula_check");
               
var forgot_password_msg = $("<span></span>").attr({"class":"plain form_text","style":"padding-left: 5px;"}).html("Our Support Numbers are +44-123456789 and +44-98765432");
                var click_here = $('<a class="plain form_text"></a>').html("Click here to call");
                forgot_password.append(forgot_password_msg,click_here);


a)  Locate the following line of code:

form.append(field_login);

and paste this line below:

form.append(forgot_password); 


After doing the above the login page will show the gateway page as highlighted below:

---

Problem Cause

Manual customization of Gateway login page in 11.0