Stéphane Thirion
  • Home
  • Consulting – Raidho
  • homelab
3K
0
0
0
Stéphane Thirion
Stéphane Thirion
  • Home
  • Consulting – Raidho
  • homelab
  • Citrix
  • Experience
  • NetScaler
  • Scripting
  • Storefront

Netscaler Gateway X1 theme

  • March 7, 2015
  • Stephane Thirion
Total
0
Shares
0
0
0
0
0
0
0

What I like when I access my virtual desktops and applications is consistency thought different systems, front web and UI… Citrix have try with the green bubble theme to bring this but that wasn’t really a success due to this “not very good looking” theme 🙂

With their new Technology Preview of Storefront X1, the theme is nice and neat, I think that might the first time I won’t change it since they deliver the Web Interface 4.x, 5.x and prior Strorefront releases.

2015-03-07_08-45-26

 

As Citrix are explaining in blog post, release notes [here] about this Technology Preview, they want to bring the same user experience accros all devices, browser etc… I just hope they won’t forget about the Netscaler Gateway and bring a simple way to customize it as they began to do with Storefront X1 : you can read my previous blog about that [here]

To wait for this moment, I did the change myself with Storefront X1 elements on my Netscaler 10.5 build 54.9008.e.nc, you can either download sample file bellow or use your own.

If you want to use your own, you’ll find the Storefront X1 background in c:inetpubwwwrootCitrix[YourStoreName]Webreceiverimages2xReceiverFullScreenBackground_46E559C0E6B5A27B.jpg, you’ll need to remane it to bg_bubbles.jpg once you’ve copied it.

You’ll find the ctxs.authentication.css file on your Netscaler in /var/netscaler/gui/vpn/css/ctxs.authentication.css , you can download it using Winscp or whatever the sftp software you want to use.

For the logo if you want to use one, you can do your own and try to size it to make it fit. You need to name the file logo_notagline.png.

Why do I chose to use those name ? Just to avoid making change in the ctxs.authentication.css file. You can if you want use your own file name and change every entry in the css file to match you file’s name.

Step are easy but not as easy as I would like to be (through the Netscaler UI or Storefront UI to propage the change would be super cool)

Connect to your Netscaler admin UI and go the Netscaler Gateway menu, then in Global Settings and chose Change Global Settings, click on Client Experience tab and then change the UI Theme to Green Bubble.

Open a sftp connection to your Netscaler and upload your bg_bubbles.jpg and logo_notagline.png files to /var/netscaler/gui/vpn/media

Then copy your ctxs.authentication.css file to  /var/netscaler/gui/vpn/css

Once you done, check if what you see please you between what you had before and what you want to see.

2015-03-07_08-53-55
Before
2015-03-07_09-54-41
After

 

I’m not satisfied with the result because I cannot see the whole logo i chose to use. If this happen, you’ll have to modify your ctxs.authentication.css file and adapt it to include your logo_notagline.png size

my .png size is 233×120

ctxs.authentication.css   
#logonbox-logoimage
{
    background-image: url("../media/logo_notagline.png");
    border: 0 none;
    float: right;
    height: 120px;
    position: absolute;
    right: 71%;
    top: 80px;
    width: 233px;
}

Save the ctxs.authentication.css file and upload it again in your Netscaler /var/netscaler/gui/vpn/css directory

Refresh your web browser and check it out

2015-03-07_09-59-40

Looks better already.

By modifying the ctxs.authentication.css file you can change and adapt almost everything to look exactly the way you want.

2015-03-07_10-19-11
I just change logon box font color to match the logo text color

One everything you want to change is ok, you need to commit the change on your Netscaler box. To do so, open an ssh connexion (nsroot or nsroot privilege user) and proceed as follow :

Go the the /nsconfig folder :

Source code   
cd /nsconfig

save the ns.conf file :

Source code   
cp ns.conf ns.conf.save

create the /var/ns_gui_custom directory :

Source code   
mkdir /var/ns_gui_custom

Go to the /netscaler directory :

Source code   
cd /netscaler

and then compress the theme we just finished creating :

Source code   
tar -cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/*

Why do we need to do that ? to make the change persistent accross Netscaler reboot.

Now you need to return to your Netscaler admin GUI and go the Netscaler Gateway menu, then in Global Settings and chose Change Global Settings, click on Client Experience tab and then change the UI Theme to Custom.

Don’t forget this change may be discarded with Netscaler upgrade and updates. I suggest you do a simple bash script to put everything back in order as part as your Netscaler Upgrade documentation.

 

 

Total
0
Shares
Tweet 0
Share 0
Share 0
Share 0
Share 0
Share 0
Share 0
Related Topics
  • Access Gateway
  • Customization
  • NetScaler
  • Netscaler Access Gateway
  • netscaler Gateway
  • StoreFront
  • storefront x1
  • Web Interface
  • x1
Stephane Thirion

Previous Article
  • Citrix
  • Experience
  • Storefront
  • WebInterface
  • Windows 2012R2

Citrix Storefront X1

  • March 5, 2015
  • Stephane Thirion
View Post
Next Article
  • Citrix
  • Experience
  • NetScaler

Netscaler : Invalid argument [ns] error while logon on UI (admin)

  • April 20, 2015
  • Stephane Thirion
View Post
You May Also Like
View Post
  • Experience
  • Linux
  • VMware
  • vSphere

multipathd errors in /var/log/syslog

  • Stephane Thirion
  • August 2, 2022
View Post
  • Experience
  • Raspberry

Install Zigbee2MQTT on a Raspberry Pi Zero W

  • Stephane Thirion
  • July 8, 2022
View Post
  • Citrix
  • CTP
  • Uncategorized

This is the end of an era

  • Stephane Thirion
  • February 16, 2022
View Post
  • Docker
  • Experience
  • Kubernetes
  • Linux
  • Raspberry

Kubernetese cluster use with Crypto Currency (Monero)

  • Stephane Thirion
  • January 4, 2022
View Post
  • ADC
  • Experience
  • Linux

Cloud yes but no, thanks (there is some Citrix)

  • Stephane Thirion
  • December 7, 2021
View Post
  • Azure
  • Azure
  • PowerShell
  • Scripting
  • Security

Export all Admin Roles and members from Azure AD

  • Rodolphe Herpeux
  • March 25, 2021
View Post
  • ArchY.net Site
  • Azure
  • Citrix
  • Cloud
  • Experience
  • Microsoft
  • News
  • Office365
  • Raidho
  • VMware

Mettre en place une solution de travail à distance (RemoteOffice / Remoteworking) 2/2

  • Stephane Thirion
  • March 24, 2020
View Post
  • Amazon
  • Citrix
  • Cloud
  • Experience
  • Microsoft
  • News
  • Office365
  • Raidho
  • Security
  • VMware

Mettre en place une solution de travail à distance (RemoteOffice / Remoteworking) 1/2

  • Stephane Thirion
  • March 22, 2020
vmware
Coinbase – Affiliated link
Blog Stats
  • 1,237,011 hits
Categories
  • Amazon (1)
  • Apple (20)
    • iOS (5)
    • Mac OSx (11)
  • ArchY.net Site (30)
  • Azure (8)
  • Certifications (3)
  • Citrix (207)
    • ADC (1)
    • Citrix Virtual Apps and Desktops (3)
    • NetScaler (12)
    • Password Manager (3)
    • Personal vDisk (5)
    • Power and Capacity Management (3)
    • Provisioning Services (22)
    • Receiver (29)
    • ShareFile (8)
    • Single Sign On (3)
    • SmartAuditor (2)
    • Storefront (12)
    • Synergy (25)
    • User Profile Management (2)
    • VDI (7)
    • WebInterface (21)
    • XenApp (84)
    • XenApp Plugin (3)
    • XenClient (10)
    • XenDesktop (55)
    • XenServer (42)
  • Cloud (12)
  • Crystal Ball (2)
  • CTP (13)
  • Docker (2)
  • Events (35)
    • E2E – PubForum (9)
    • Geek Speak (3)
  • Experience (53)
  • Kubernetes (2)
  • Licensing (3)
  • Linux (12)
  • Microsoft (145)
    • Azure (8)
    • Office365 (4)
    • PowerShell (18)
    • RDS (5)
    • Windows 10 (6)
    • Windows 2003 (21)
    • Windows 2008 (20)
    • Windows 2008 R2 (54)
    • Windows 2012 (13)
    • Windows 2012R2 (13)
    • Windows 2016 (18)
    • Windows 2019 (4)
    • Windows 2022 (1)
    • Windows 7 (27)
    • Windows 8 (19)
    • Windows Virtual Desktop (1)
    • Windows XP (11)
  • News (5)
  • Raidho (2)
  • Raspberry (3)
  • Scripting (13)
  • Security (4)
  • Slide Deck (1)
  • Thin Clients (3)
  • Twitter (1)
  • Ubiquiti (1)
  • Uncategorized (12)
  • VMware (27)
    • VMWare WorkStation (2)
    • vSphere (15)
Stéphane Thirion
Don't Follow the Trend

Input your search keywords and press Enter.

 

Loading Comments...