Use Case

Portal is the first interaction point for end users and hence important to have correct representation of an organization. Customize the look and feel, color, logo and labels on the Gateway portal to brand the portal as per organizational standards.

Introduction to Portal Customization

NetScaler allows customization of Gateway portal which allows an administrator to setup the company’s theme across the portal. This helps companies keep a standard theme across all their enterprise applications. This is a powerful capability as all companies maintain their brand theme everywhere and same applies to Gateway portal as well.

There are three pre-existing themes to start with – X1, Greenbubble and Default. Any new theme can be built on top of any of them. Background color and font color at all relevant places like body, navigation pane, content pane, etc. can be configured. Background image, logos and watermark image can be set for the portal which helps in giving a standard look to the portal. Labels and messages can be changed as per requirement and can be displayed in desired language.

As an organization you might have multiple Gateway points for different kind of users and hence you need to have different portal themes. NetScaler supports multiple Gateways with different Portal themes coexisting on same appliance. All these themes are saved and persisted across reboots and upgrades.

Instructions

Step 1: Adding a Portal Theme

Add a new portal theme with the customization which is needed by your organization. Go to Configuration > NetScaler Gateway > Portal Themes > Add. Select a pre-existing template theme over which you would like to make the changes.

You can get a view of the look and feel of the portal as per the current settings of the theme by clicking “Click to bind and view configured theme”. In the “Look & Feel” section, customization of the home page and common attributes can be done. Color, font and image selection for the whole portal can be done here in appropriate sections.

For example, to set body background color, go to “Home Page Attributes” and in “Body Background Color”, select the color from the color panel next to the text box.

To add watermark image on the login page, browse for the image in the “Watermark Image” section after selecting “EDIT” in the drop down.

You can also customize the labels and text displayed on all the pages of the Gateway portal. To configure for a particular page, go to “Advanced Settings” on the right pane and add the page you want to configure.

For example, to customize the login page, add “Login Page” from the “Advanced Settings” and set labels for various fields.

Step 2: Binding Portal Theme to Gateway Virtual Server

Once you have added a new theme customized to your organization, bind it to the Gateway virtual server. Edit the Gateway virtual server to which you want to apply this theme. In the “Advanced Settings”, add “Portal Themes” and then select the theme added earlier. If you are adding Unified Gateway, in step 4, portal theme is set.

CLI:
> bind vpn vserver <VPN vserver name> -portaltheme <portal theme name>

GUI:
For more details on the user portal customization, please refer to http://docs.citrix.com/en-us/netscaler-gateway/11/vpn-user-config/custom-portal.html.