Customizing Citrix Netscaler Access Gateway Theme (based on 10.5)
I’ve been involved lately in a lot of Netscaler goodness and this appliance just gets a hold of you like ants to sugar ;-).
Usually when you’re done with technically configuring the appliance (virtual/physical) you can add some customization to the Access Gateway and get back a nice smile from the business people as most of the time they are clueless about the hard work being done in the background but once they see their company’s logo and name on the log-on page you can collect a lot of nice feedback.
What I am listing hereunder is a mere modification of the already existing default theme, if you want to create an interface that it completely different you’ll need a graphic designer to build it up or you can do it yourself if you’re a w3 Guru ;-).
Default Theme modification:
- SSH to the appliance and grab the the files found in /netscaler/ns_gui/vpn
- Create a copy of this directory and name it vpn-backup
- With an image editing tool you can edit the following files found under /images :
- Edit the CSS file caxtonstyle.css also found under /images and you need to look at these tags
- body ( background )
- mainpane (background)
- carbonboxtop (background)
- carbonboxbottom ( background)
- If you feel that you need to edit the log-in message you should navigate to /resources and modify the XML files in the language you set your Access Gateway to and look for this tag <String id=”Welcome”> and write whatever you want.
- Once done, upload the files and replace the default ones and test if the theme is looking as you like.
Saving the theme configuration:
- After you are satisfied with the theme, open an SSH session.
- Create the ns_gui_custom directory: mkdir /var/ns_gui_custom
- cd /netscaler
- tar -cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/*
- Once done, logon to Netscaler -> Access Gateway -> Global Settings -> Change Global Settings -> Client Experience -> Change UI Theme to custom -> Click on and save the configuration.
- Verify that the configuration has been saved by rebooting Netscaler and try accessing the Access Gateway and your custom theme should be loading now.
Now you should have something that looks like this:
I hope I was able to help :-).