Citrix NetScaler

Quick way to brand Access Gateway and Web Interface 5.4 with company logo and colors

Jason Samuel

Published

November 12, 2012

If you have a need to quickly brand your Netscaler Access Gateway and Web Interface 5.4 with your company colors and logo, it’s pretty easy and can be done in less than 30 minutes if you are under a deadline. It’s easy in StoreFront too, just don’t have one in front of me right now to write about. This is quick and dirty, you can do more work to match them up exactly but I just wanted to knock this out in 30 minutes.

NETSCALER ACCESS GATEWAY
Just download one of these available themes Jeff Sani posted:

http://blogs.citrix.com/2011/04/11/horizon-theme-for-citrix-netscaler/
http://blogs.citrix.com/2012/06/19/symphony-theme-for-citrix-netscaler/
http://blogs.citrix.com/2012/04/19/green-bubble-theme-for-citrix-netscaler/

Advertisement. Scroll to continue reading.

I chose the Horizon theme because it matches WI 5.4 the closest. Here’s what you need to do to implement it. I did this on a Netscaler running NS 9.3 but 10.x will work too:

1. Download the Horizon.txt script and rename it to Horizon1.sh like Jeff says. Then download Horizon1.gz.
2. Now use WinSCP to copy both to your primary Netscaler to /var/vpn/themes
3. Putty/SSH into the primary Netscaler, enter shell, and navigate to /var/vpn/themes
4. Type:

sh Horizon1.sh

Advertisement. Scroll to continue reading.

This script by Andre Perry does all the stuff Jeff says in the posts above. Very nice Andre! At this point you have deployed the theme. Now to customize for your company.

5. Just change 3 files on the Netscaler:

/var/vpn/themes/Horizon1/ns_gui/vpn/images/Background.png – your company colors in the background. I usually use 2 colors here. Just play with the height of the colors in Photoshop to adjust and make them line up with the login box the way you want.

Advertisement. Scroll to continue reading.

logo.jpg – Create it from scratch and drop it in /var/vpn/themes/Horizon1/ns_gui/vpn/images/

index.html – change the following:

<table cellspacing="0" cellpadding="0" class="logonBoxWidth">
<tr><td colspan="3" class="headertop"><span class="headerLabel">NetScaler Access Gateway</span><span class="headertm"><sup>TM</sup></span></td></tr>
			<div class="urvanov-syntax-highlighter-main">
				<table class="crayon-table">
					<tr class="urvanov-syntax-highlighter-row">
				<td class="crayon-nums " data-settings="show">
					<div class="urvanov-syntax-highlighter-nums-content amp-wp-c86a462" data-amp-original-style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="urvanov-syntax-highlighter-68014b7bc7fa0688770067-1">1</div><div class="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-68014b7bc7fa0688770067-2">2</div></div>
				</td>
						<td class="urvanov-syntax-highlighter-code"><div class="crayon-pre amp-wp-3c478ad" data-amp-original-style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="urvanov-syntax-highlighter-68014b7bc7fa0688770067-1"><span class="crayon-o"><span class="crayon-e">table </span><span class="crayon-v">cellspacing</span><span class="crayon-o">=</span><span class="crayon-s">"0"</span><span class="crayon-h"> </span><span class="crayon-v">cellpadding</span><span class="crayon-o">=</span><span class="crayon-s">"0"</span><span class="crayon-h"> </span><span class="crayon-t">class</span><span class="crayon-o">=</span><span class="crayon-s">"logonBoxWidth"</span><span class="crayon-o">></span></span></div><div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-68014b7bc7fa0688770067-2"><span class="crayon-o"><span class="crayon-v">tr</span><span class="crayon-o">></span><span class="crayon-o"><span class="crayon-e">td </span><span class="crayon-v">colspan</span><span class="crayon-o">=</span><span class="crayon-s">"3"</span><span class="crayon-h"> </span><span class="crayon-t">class</span><span class="crayon-o">=</span><span class="crayon-s">'headertop'</span><span class="crayon-o">></span><span class="crayon-o"><span class="crayon-e">span </span><span class="crayon-t">class</span><span class="crayon-o">=</span><span class="crayon-s">'headerLabel'</span><span class="crayon-o">></span><span class="crayon-e">NetScaler </span><span class="crayon-e">Access </span><span class="crayon-v">Gateway</span><span class="crayon-o"><span class="crayon-o">/</span><span class="crayon-v">span</span><span class="crayon-o">></span><span class="crayon-o"><span class="crayon-e">span </span><span class="crayon-t">class</span><span class="crayon-o">=</span><span class="crayon-s">'headertm'</span><span class="crayon-o">></span><span class="crayon-o"><span class="crayon-v">sup</span><span class="crayon-o">></span><span class="crayon-v">TM</span><span class="crayon-o"><span class="crayon-o">/</span><span class="crayon-v">sup</span><span class="crayon-o">></span><span class="crayon-o"><span class="crayon-o">/</span><span class="crayon-v">span</span><span class="crayon-o">></span><span class="crayon-o"><span class="crayon-o">/</span><span class="crayon-v">td</span><span class="crayon-o">></span><span class="crayon-o"><span class="crayon-o">/</span><span class="crayon-v">tr</span><span class="crayon-o">></span></span></span></span></span></span></span></span></span></span></span></div></div></td>
					</tr>
				</table>
			</div>
		

<p></p><div class="zox-post-ad-wrap"><span class="zox-ad-label">Advertisement. Scroll to continue reading.</span><div class="zox-post-ad"><div class="zox-post-ad-in1"><div class="zox-post-ad-in2">
<ins class="adsbygoogle amp-wp-7b00f29" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9099051356821394" data-ad-slot="9674637082" data-amp-original-style="display:block; text-align:center;"></ins>
</div></div></div></div>
<p>TO
</p><p>    </p>

		<div id="urvanov-syntax-highlighter-68014b7bc7fae089006276" class="urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-monaco urvanov-syntax-highlighter-os-pc print-yes notranslate amp-wp-1a39b37" data-settings=" minimize scroll-mouseover" data-amp-original-style="margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar amp-wp-fbb711c" data-settings=" mouseover overlay hide delay" data-amp-original-style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools amp-wp-fbb711c" data-amp-original-style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button urvanov-syntax-highlighter-nums-button" title="Toggle Line Numbers"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-plain-button" title="Toggle Plain Code"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-wrap-button" title="Toggle Line Wrap"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-expand-button" title="Expand Code"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-copy-button" title="Copy"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-popup-button" title="Open Code In New Window"><div class="urvanov-syntax-highlighter-button-icon"></div></div></div></div>
			<div class="crayon-info amp-wp-6986ee0" data-amp-original-style="min-height: 16.8px !important; line-height: 16.8px !important;"></div>
			<div class="urvanov-syntax-highlighter-plain-wrap"><textarea wrap="soft" class="urvanov-syntax-highlighter-plain print-no amp-wp-a0d0725" data-settings="dblclick" readonly data-amp-original-style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
  <td>
          <amp-img src="/vpn/images/logo.jpg" width="880" height="400" class="amp-wp-unknown-size amp-wp-unknown-width amp-wp-unknown-height amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" layout="intrinsic" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQwMCIgd2lkdGg9Ijg4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img src="/vpn/images/logo.jpg" width="880" height="400"></noscript></amp-img>
      </td>
<table cellspacing="0" cellpadding="0" class="logonBoxWidth">
			<div class="urvanov-syntax-highlighter-main">
				<table class="crayon-table">
					<tr class="urvanov-syntax-highlighter-row">
				<td class="crayon-nums " data-settings="show">
					<div class="urvanov-syntax-highlighter-nums-content amp-wp-c86a462" data-amp-original-style="font-size: 12px !important; line-height: 15px !important;"><div class="crayon-num" data-line="urvanov-syntax-highlighter-68014b7bc7fae089006276-1">1</div><div class="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-68014b7bc7fae089006276-2">2</div><div class="crayon-num" data-line="urvanov-syntax-highlighter-68014b7bc7fae089006276-3">3</div><div class="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-68014b7bc7fae089006276-4">4</div></div>
				</td>
						<td class="urvanov-syntax-highlighter-code"><div class="crayon-pre amp-wp-3c478ad" data-amp-original-style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="urvanov-syntax-highlighter-68014b7bc7fae089006276-1"><span class="crayon-h">  </span><span class="crayon-o"><span class="crayon-v">td</span><span class="crayon-o">></span></span></div><div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-68014b7bc7fae089006276-2"><span class="crayon-h">          </span><span class="crayon-o"><span class="crayon-e">img </span><span class="crayon-v">src</span><span class="crayon-o">=</span><span class="crayon-s">"/vpn/images/logo.jpg"</span><span class="crayon-o">></span></span></div><div class="crayon-line" id="urvanov-syntax-highlighter-68014b7bc7fae089006276-3"><span class="crayon-h">      </span><span class="crayon-o"><span class="crayon-o">/</span><span class="crayon-v">td</span><span class="crayon-o">></span></span></div><div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-68014b7bc7fae089006276-4"><span class="crayon-o"><span class="crayon-e">table </span><span class="crayon-v">cellspacing</span><span class="crayon-o">=</span><span class="crayon-s">"0"</span><span class="crayon-h"> </span><span class="crayon-v">cellpadding</span><span class="crayon-o">=</span><span class="crayon-s">"0"</span><span class="crayon-h"> </span><span class="crayon-t">class</span><span class="crayon-o">=</span><span class="crayon-s">"logonBoxWidth"</span><span class="crayon-o">></span></span></div></div></td>
					</tr>
				</table>
			</div>
		

<p>
</p><p>NOTE: If you use 2 factor authentication or allow password changing for expired passwords you will also want to modify the caxtonstyle.css and nsshare.js files.</p><div class="zox-post-ad-wrap"><span class="zox-ad-label">Advertisement. Scroll to continue reading.</span><div class="zox-post-ad"><div class="zox-post-ad-in1"><div class="zox-post-ad-in2">
<ins class="adsbygoogle amp-wp-7b00f29" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9099051356821394" data-ad-slot="9674637082" data-amp-original-style="display:block; text-align:center;"></ins>
</div></div></div></div>
<p>6. Now make sure to copy all 3 of these files to the flash (where everything is currently running from) here:
</p><p>/netscaler/ns_gui/vpn/images/Background.png<br>
/netscaler/ns_gui/vpn/images/logo.jpg<br>
/netscaler/ns_gui/vpn/index.html
</p><p>7. Refresh the Access Gateway page and your changes should appear there.  Sometimes you may need to clear your cache.  I use FireFox which is pretty good about it and I didn’t have to clear anything.  If you need to adjust anything, go ahead and do so now.  Just remember, after a reboot of your Netscaler anything you put in Flash at the paths in step 6 above will revert.  Stuff gets copied over from the /var folder in step 5 above.  So make sure you put your files there as well to prevent this.</p><div class="zox-post-ad-wrap"><span class="zox-ad-label">Advertisement. Scroll to continue reading.</span><div class="zox-post-ad"><div class="zox-post-ad-in1"><div class="zox-post-ad-in2">
<ins class="adsbygoogle amp-wp-7b00f29" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9099051356821394" data-ad-slot="9674637082" data-amp-original-style="display:block; text-align:center;"></ins>
</div></div></div></div>
<p>8. Now login to your secondary Netscaler and perform all the same steps.  None of this stuff gets synched between devices.
</p><p>Here is how my final product looks:
</p><p><a href="http://www.jasonsamuel.com/wp-content/uploads/2012/11/14.jpg"><amp-img src="http://www.jasonsamuel.com/wp-content/uploads/2012/11/14-300x231.jpg" alt="" title="Access Gateway with custom company logo and colors" width="300" height="231" class="aligncenter size-medium wp-image-2040 amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined" srcset="https://jasonsamuel.com/wp-content/uploads/2012/11/14-300x231.jpg 300w, https://jasonsamuel.com/wp-content/uploads/2012/11/14-1024x789.jpg 1024w, https://jasonsamuel.com/wp-content/uploads/2012/11/14.jpg 1276w" sizes="auto, (max-width: 300px) 100vw, 300px" layout="intrinsic" disable-inline-width="" i-amphtml-layout="intrinsic"><i-amphtml-sizer slot="i-amphtml-svc" class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIzMSIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiLz4="></i-amphtml-sizer><noscript><img loading="lazy" decoding="async" src="http://www.jasonsamuel.com/wp-content/uploads/2012/11/14-300x231.jpg" alt="" title="Access Gateway with custom company logo and colors" width="300" height="231" srcset="https://jasonsamuel.com/wp-content/uploads/2012/11/14-300x231.jpg 300w, https://jasonsamuel.com/wp-content/uploads/2012/11/14-1024x789.jpg 1024w, https://jasonsamuel.com/wp-content/uploads/2012/11/14.jpg 1276w" sizes="auto, (max-width: 300px) 100vw, 300px"></noscript></amp-img></a>
</p><p><strong>WEB INTERFACE</strong><br>
Andrew Morgan has an excellent post here that goes pretty in depth:</p><div class="zox-post-ad-wrap"><span class="zox-ad-label">Advertisement. Scroll to continue reading.</span><div class="zox-post-ad"><div class="zox-post-ad-in1"><div class="zox-post-ad-in2">
<ins class="adsbygoogle amp-wp-7b00f29" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9099051356821394" data-ad-slot="9674637082" data-amp-original-style="display:block; text-align:center;"></ins>
</div></div></div></div>
<p><a href="http://andrewmorgan.ie/2011/08/30/decrapifying-the-citrix-web-interface-5-4/" target="_blank" rel="noopener noreferrer">http://andrewmorgan.ie/2011/08/30/decrapifying-the-citrix-web-interface-5-4/</a>
</p><p>I needed something quick so I just modified 4 things under <code>c:\inetpub\wwwroot\Citrix\XenApp\media</code>:
</p><p>1. CitrixXenApp.png and CitrixXenApp.gif – I changed this to my company logo<br>
2. HorizonBgTop.png – I went with solid white in Photoshop with this one<br>
3. HorizonBgBottom.png – I went with solid blue in Photoshop with this one<br>
4. HeaderGradient.png – Did a gradient in Photoshop using two of my company’s colors. This appears once you login along the top.</p><div class="zox-post-ad-wrap"><span class="zox-ad-label">Advertisement. Scroll to continue reading.</span><div class="zox-post-ad"><div class="zox-post-ad-in1"><div class="zox-post-ad-in2">
<ins class="adsbygoogle amp-wp-7b00f29" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9099051356821394" data-ad-slot="9674637082" data-amp-original-style="display:block; text-align:center;"></ins>
</div></div></div></div>
<p>This located under <code>c:\inetpub\wwwroot\Citrix\XenApp\app_data\include</code>:<br>
5. fullStyle.inc –  I changed this to rip out that ugly HDX logo:
</p><p></p>

		<div id="urvanov-syntax-highlighter-68014b7bc7fb3738796632" class="urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-monaco urvanov-syntax-highlighter-os-pc print-yes notranslate amp-wp-1a39b37" data-settings=" minimize scroll-mouseover" data-amp-original-style="margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
		
			<div class="crayon-toolbar amp-wp-fbb711c" data-settings=" mouseover overlay hide delay" data-amp-original-style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools amp-wp-fbb711c" data-amp-original-style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"><div class="crayon-button urvanov-syntax-highlighter-nums-button" title="Toggle Line Numbers"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-plain-button" title="Toggle Plain Code"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-wrap-button" title="Toggle Line Wrap"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-expand-button" title="Expand Code"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-copy-button" title="Copy"><div class="urvanov-syntax-highlighter-button-icon"></div></div><div class="crayon-button urvanov-syntax-highlighter-popup-button" title="Open Code In New Window"><div class="urvanov-syntax-highlighter-button-icon"></div></div></div></div>
			<div class="crayon-info amp-wp-6986ee0" data-amp-original-style="min-height: 16.8px !important; line-height: 16.8px !important;"></div>
			<div class="urvanov-syntax-highlighter-plain-wrap"><textarea wrap="soft" class="urvanov-syntax-highlighter-plain print-no amp-wp-a0d0725" data-settings="dblclick" readonly data-amp-original-style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;">
.horizonPage #hdxLogo {
display: none;
}

.horizonPage #hdxLogo {

display: none;

}

and this to give me a solid white background along the bottom:

Advertisement. Scroll to continue reading.

.horizonPage {
    background: #ffffff url("../media/HorizonBgBottom.png") repeat-x left 325px;
}

.horizonPage {

background: #ffffff url("../media/HorizonBgBottom.png") repeat-x left 325px;

}

And this under c:\Program Files (x86)\Citrix\Web Interface\5.4.0\languages:
6. accessplatform_strings.properties – I customized the text in this. While playing with it I noticed it does support HTML just fine so I did this:

HorizonTagline=Your Windows 7 desktop and company apps on demand - from any PC, Mac, smartphone or tablet.<br>FOR SUPPORT: Help Desk at xxx-xxx-xxxx, Option 1 (toll free: xxx-xxx-xxxx) or xxxxxxx@xxxxx.com.

1	HorizonTagline=Your Windows 7 desktop and company apps on demand - from any PC, Mac, smartphone or tablet.br>font size="2">FOR SUPPORT: Help Desk at xxx-xxx-xxxx, Option 1 (toll free: xxx-xxx-xxxx) or xxxxxxx@xxxxx.com./f>

Advertisement. Scroll to continue reading.

Done, upload all your files and you have a pretty nice simple company branded Web Interface. You should change the “loggedoff” images that are greyed over to match when you get some time or you’ll see the default images there greyed over instead.

Here is how my final product looks:

Advertisement. Scroll to continue reading.

Jason Samuel

Jason Samuel is a visionary product leader and trusted advisor with a proven track record of shaping strategy and driving technology innovation. With extensive expertise in enterprise end-user computing, security, cloud, automation, and virtualization technologies, Jason has become a globally recognized authority in the IT industry. His career spans consulting for hundreds of Fortune 500 enterprises across diverse business sectors worldwide, delivering cutting-edge digital solutions from Citrix, Microsoft, VMware, Amazon, Google, and NVIDIA that seamlessly balance security with exceptional user experiences.

Jason’s leadership is amplified by his dedication to knowledge-sharing as an author, speaker, podcaster, and mentor within the global IT and technology community. Recognized with numerous prestigious awards, Jason’s contributions underscore his commitment to advancing technology and empowering organizations to achieve transformative results. Follow him on LinkedIn.

In this article:access gateway customization, access gateway skin, access gateway theme, Citrix, citrix access gateway, citrix access gateway custom theme, citrix web interface custom theme, citrix web interface customization, enterprise mobility, web interface customization, web interface skin, web interface theme

3 Comments

Sanuel

November 20, 2013 at 9:08 AM

hello,
am getting the error below when trying to implement the horizon 1 theme

root@HQ# cd /var/vpn/themes
root@HQ# sh Horizon1.sh
Horizon1.sh: Downloading skin archive ‘Horizon1.gz’ to /tmp
Horizon1.sh: Extracting skin archive ‘/tmp/Horizon1.gz’

gzip: stdin: unexpected end of file
tar: Child returned status 1
tar: Error exit delayed from previous errors
root@HQ#
Don Russell

April 28, 2014 at 3:14 PM

@Sanuel
I got them same error attempting to implement the Symphony2.sh theme. Any suggestions.
Jason Samuel

May 1, 2014 at 6:05 PM

Hi guys,

The Green Bubbles theme and the ability to set a custom theme is now built into the GUI of the Netscaler main release as of firmware 10.1. You don’t need the script anymore. Let’s say you want to use Horizon like in my example.

1. Download the Horizon theme, unzip to your hard drive, and customize the files.

2. Putty in, enter shell, and run the following

/var/ns_gui_custom; cd /netscaler; tar -cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/*

This will create a folder called “/var/ns_gui_custom/” and inside you will find a file called “customtheme.tar.gz“. This is a compressed copy of the currently running default skin. WinSCP it down to your PC and unzip it.

3. Overwite the default skin files with the ones you have modified from the Horizon theme. Then upload it into “/var/ns_gui_custom/” so your full path to the files will be “/var/ns_gui_custom/ns_gui“. All the other directories like admin_ui, epa, images, themes, vpn, vpns will all be under here. Also zip up the ns_gui folder on your PC and rename it “customtheme.tar.gz” and upload it into “/var/ns_gui_custom/” folder.

4. Login to the Netscaler GUI and go to Netscaler Gateway > Global Settings > Change global settings > Client Experience tab > UI Theme dropdown box. You will see Default, Green Bubble, and Custom as your options. Set it to Custom. The Netscaler will decompress the files in “customtheme.tar.gz” to the new ns_gui folder when you do this.

5. Now reboot the Netscaler and verify your new theme persists.

Hope this makes sense. More info here: http://support.citrix.com/proddocs/topic/netscaler-gateway-101/ng-connect-custom-theme-page-tsk.html

Jason

Exchange 2003

Microsoft Exchange 2003 spam filtering made easy

A useful Exchange 2003 guide I wrote for a friend’s blog originally but I am posting it here on mine now for your viewing...

Jason SamuelDecember 4, 2008

Apache

How to properly use SSL redirects without getting certificate error messages

Today I would like to go over proper URL redirection when using SSL but first I would like to preface this by describing what...

Jason SamuelMarch 7, 2011

Citrix Workspace

How to use FIDO2 security keys remotely inside a virtual desktop session hundreds of miles away using Citrix HDX USB redirection and Microsoft Azure AD

You can use FIDO2 hardware security keys plugged into your physical desktop over the Citrix HDX remoting protocol for use with virtualized Windows Desktop...

Jason SamuelMay 4, 2020

Cloud Design Architecture

Community-driven book available now! Byte-Sized: Cloud design principles and architectural recommendations

The community-driven paperback book initiated by my friends Bas van Kaam and Christiaan Brinkhoff is available for sale on Amazon. If you haven’t picked...

Jason SamuelJuly 8, 2019

Exit mobile version

JasonSamuel.com

Citrix NetScaler

Quick way to brand Access Gateway and Web Interface 5.4 with company logo and colors

3 Comments

Leave a Reply

Leave a Reply

You May Also Like

Exchange 2003

Microsoft Exchange 2003 spam filtering made easy

Apache

How to properly use SSL redirects without getting certificate error messages

Citrix Workspace

How to use FIDO2 security keys remotely inside a virtual desktop session hundreds of miles away using Citrix HDX USB redirection and Microsoft Azure AD

Cloud Design Architecture

Community-driven book available now! Byte-Sized: Cloud design principles and architectural recommendations