Wednesday 12 September 2012

Customizing Citrix Web Interface 5.4


If like me, you like to remove the majority of the Citrix Branding from the web interface, you may find this post useful. Below I’ve broken the web interface down into the 6-7 components that are modifiable and given instruction on how to remove, or replace the images / tag lines.
This blog post would not have been possible without the hard work by the guys on the Citrix forums: http://forums.citrix.com/thread.jspa?threadID=278277&tstart=0
Below you will find a break down of the seperate web interface components, and the numbers I’ve allocated to them, I’ve used the login screen as a template, as this contains all the images / taglines you will see on the web interfaces different screens.
Note: The image names containing “Dark” or “logged off” are specifically for the logged off screen. You’ll find both gif (for older browsers ) and png files for each of the different images.
1: Header logo.
To remove the logo from the top of the page, find the below entry in.\app_data\include\fullstyle.inc and add the bolded text:
#headerLogo {
padding: 11px 0 11px 18px;
display: none;}
To use a custom graphic instead of the default, modify the following files:
.\media\CitrixLogoHeader.png
.\media\CitrixLogoHeader.gif
(there’s no dark logo for this file)
2: Product graphic.
This product graphic can be either XenApp or XenDesktop depending on your installation. To remove the product graphic, find the below entry in .\app_data\include\fullstyle.inc and add the bolded text:
#horizonTop img {
padding-top: 75px;
Display: none;
}
To use a custom image in place of the product graphic, modify the following files:
For XenApp:
.\media\CitrixXenApp.gif
.\media\CitrixXenAppLoggedoff.gif
.\media\CitrixXenApp.png
.\media\CitrixXenAppLoggedoff.png
For XenDesktop:
.\media\CitrixXenDesktop.gif
.\media\CitrixXenDesktopLoggedoff.gif
.\media\CitrixXenDesktop.png
.\media\CitrixXenDesktopLoggedoff.png
3: Devices.
The devices image appears to the left and right of the login window. To remove the Devices graphic, find the below entry in .\app_data\include\fullstyle.inc and add the bolded text:
.horizonPage .mainPane {
position: relative;
top: -120px;
background: none;
color: white;
padding: 0;
overflow: auto;
}
To replace the devices image with a custom image, modify the following files:
.\media\Devices.gif
.\media\DevicesLoggedoff.gif
.\media\Devices.png
.\media\DevicesLoggedoff.png
5: Tagline.
To remove the tagline “your windows desktop and apps on demand – from any pc”, find the below entry in .\app_data\include\fullstyle.inc and add the bolded text:
#horizonTagline {
color: #F2F2F2;
font-size: 180%;
font-weight: normal;
margin: 50px 0 0 0;
padding-bottom: 10px;
text-align: center;
display: none;
}
To enter a custom tagline, find the below entry in C:\Program Files (x86)\Citrix\Web Interface\5.4.0\languages\accessplatform_strings.properties and replace the bolded text with your custom message.
HorizonTagline=Your Windows desktops and apps on demand – from any PC, Mac, smartphone or tablet.
Footer:
The footer on the web interface site is made up of potentially two components, the Citrix footer logo and the hdx logo. If you wish to indiscriminately remove both from the login page, find the below entry in .\app_data\include\fullstyle.inc and add the bolded text:
#footer
{
text-align: center;
padding-bottom: 10px;
display: none;
}
#footer p
{
padding: 10px 0;
display: none;
}
6: Citrix Logo
The Citrix footer logo appears at the bottom of most web interface pages. To remove the logo, find the below entry in .\app_data\include\fullstyle.inc and add the bolded text:
#footer img
{
padding: 0 8px;
vertical-align: middle;
display: none;
}
To replace the footer citrix logo with a custom graphic, modify the following files:
.\media\CitrixWatermark.png
.\media\CitrixLogoDarkLoggedOff.png
.\media\CitrixWatermark.gif
.\media\CitrixLogoDarkLoggedOff.gif
7: HDX logo
The HDX footer appears at the bottom of the login page. To remove the logo, find the below entry in .\app_data\include\fullstyle.inc and add the bolded text:
.horizonPage #hdxLogo {
display: none;
}
To replace the HDX logo with a custom graphic, modify the following files:
 .\media\HDX.gif
.\media\HDXLoggedoff.gif
.\media\HDX.png
.\media\HDXLoggedoff.png
And that’s it! hopefully with the above info you can remove the unsightly self advertisement and replace it with something unique to your organisation.


Credit to Andrew Morgan:

1 comment:

  1. Hey,
    Great information I got here. I've been reading about this topic. I found it here in your blog. I had a great time reading this.

    Regards
    Custom citrix web interface

    ReplyDelete