In this post I going to show you how to customize various types of web resources. Make sure to also check out my previous post Citrix NetScaler Gateway 11.1 and StoreFront 3.6 Customization.
Microsoft ADFS 3.0 Logon Page
Background image size 1420x1080px and logo 260x35px saved in PNG format. Even though this is recommended sizes from Microsoft I didn’t have problems putting in a slightly higher logo at 55px.
In the following example below we’re going to change background, logo and put in some description and web links. To apply the changes use the following Powershell commands on your ADFS server. Learn more in the post Customizing the AD FS Sign-in Pages.
|
1 2 3 4 5 6 7 |
Import-Module ADFS Set-AdfsWebTheme -TargetName default -Logo @{path="C:\xtlogo.png"} Set-AdfsWebTheme -TargetName default -Illustration @{path="c:\Lazy_Admin_ADFS.png"} Set-AdfsGlobalWebContent -SignInPageDescriptionText "<p>Sign-in with <b>[email protected]</b>.<br><br>Please click <A href='http://xenapptraining.com/'>HERE</A> for Live Support if you experience any problems during the Sign-In process.</p></br>" Set-AdfsGlobalWebContent -HelpDeskLink http://xenapptraining.com/ -HelpDeskLinkText Help Set-AdfsGlobalWebContent -HomeLink http://xenapptraining.com/ -HomeLinkText Home Set-AdfsGlobalWebContent -PrivacyLink http://xenapptraining.com/ -PrivacyLinkText Privacy |
VMware vSphere 6.0 Web Client Login UI
In my example I’ve downloaded some ready-to-go templates from GitHub and used the Cormac Theme as the starting point. Connect to your vSphere VCSA with Putty and run the following commands to be able to connect with WinSCP.
|
1 2 3 |
shell.set --enable True shell chsh -s /bin/bash root |
Background image size 2000x1250px saved in JPG format. Copy the image to:
|
1 |
/usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/img |
Edit Login.css line 21 in the Cormac Theme.
|
1 |
background-image: url(../../resources/img/Lazy_Admin_VCSA.jpg); |
Upload the files to the following folders:
|
1 2 |
/usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/css/login.css /usr/lib/vmware-sso/vmware-sts/webapps/websso/WEB-INF/views/unpentry.jsp |
Normally when you connect to the IP-address of your VCSA you’re able to download the client or click the link to go to the login page. I’ve renamed the old file and added a custom to redirect to the login page. Rename the following file to something else:
|
1 |
/etc/vmware-vpx/docRoot/index.html |
Create a new index.html in the same location with the following:
|
1 |
<meta http-equiv="refresh" content="0; URL='https://192.168.86.8/vsphere-client/?csp'" /> |
Nakivo Backup & Replication
Nakivo Backup is a fantastic free backup solution for community people like yourself. If you haven’t tried it I would highly recommend you checking out the post Altaro and Nakivo VM Backup Review. It’s extremely easy to customize, simply head into Configuration – Branding Settings.
Citrix Director
This one was much harder to customize, but thanks to awesome twitter community friends we found a way to do it. The problem is that not everything is written in clear text and there’s different coding based upon browser type.
Background image size 1920x1200px saved in JPG format in the following folder:
|
1 |
C:\inetpub\wwwroot\Director\images |
Edit the file C:\inetpub\wwwroot\Director\LogOn.aspx
|
1 2 3 4 5 6 7 8 |
Line 17 background: url("images/Lazy_Admin_Director.jpg") no-repeat scroll center top #004E1C; /* Old browsers */ Line 19 background: url("images/Lazy_Admin_Director.jpg"); /* FF3.6+ */ Line 20 background: url("images/Lazy_Admin_Director.jpg"); /* Chrome,Safari4+ */ Line 21 background: url("images/Lazy_Admin_Director.jpg"); /* Chrome10+,Safari5.1+ */ Line 22 background: url("images/Lazy_Admin_Director.jpg"); /* Opera 12+ */ Line 23 background: url("images/Lazy_Admin_Director.jpg"); /* IE10+ */ Insert # in beginning of line 18,40,219,229,237 |
Microsoft RD Web Access 2012 R2
Background image size 2560x1600px saved in JPG format in the following folder:
|
1 |
C:\Windows\Web\RDWeb\Pages\images |
Edit the file C:\Windows\Web\RDWeb\Pages\en-US\tswa.css
|
1 2 |
Replace Line 27 background-image: url(../images/Lazy_Admin_RDWeb.jpg); Add before Line 31 background-size: cover; |
Resources
Please check the following links which are pretty awesome where the background is changed every day based upon the daily Bing image.
Hi,
Looks like you did the following for Director, but its not documented.
Add display: none; under .citrix_stripe
Thanks for a really good blog
Thanks Daniel, will take a look and update.