Customize Your Internal Web Resources

Datetime:2016-08-23 03:36:48          Topic:          Share

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 .

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 -HelpDeskLinkhttp://xenapptraining.com/ -HelpDeskLinkText Help
Set-AdfsGlobalWebContent -HomeLinkhttp://xenapptraining.com/ -HomeLinkText Home
Set-AdfsGlobalWebContent -PrivacyLinkhttp://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.

shell.set --enableTrue
shell
chsh -s /bin/bashroot

Background image size 2000x1250px saved in JPG format. Copy the image to:

/usr/lib/vmware-sso/vmware-sts/webapps/websso/resources/img

Edit Login.css  line 21 in the Cormac Theme.

background-image: url(../../resources/img/Lazy_Admin_VCSA.jpg);

Upload the files to the following folders:

/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:

/etc/vmware-vpx/docRoot/index.html

Create a new index.html in the same location with the following:

<metahttp-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 ConfigurationBranding 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:

C:\inetpub\wwwroot\Director\images

Edit the file C:\inetpub\wwwroot\Director\LogOn.aspx

Line 17 background: url("images/Lazy_Admin_Director.jpg") no-repeatscrollcentertop #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:

C:\Windows\Web\RDWeb\Pages\images

Edit the file C:\Windows\Web\RDWeb\Pages\en-US\tswa.css

ReplaceLine 27 background-image: url(../images/Lazy_Admin_RDWeb.jpg);
AddbeforeLine 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.

RD Web Access – Automate Bing Wallpaper integration

ADFS 3.0 Theme – Automate Bing Wallpaper integration