Customize Citrix Web Interface 5.4


Lets go in sections.

Section 1

Insert Company Info on the login page, this space cannot be used on all pages as Citrix uses this area to populate dynamic content like search, Loggedin User etc..

  • Create a 50px height graphic and save to media folder under the XenApp site; In my case I am using WordPress Logo (wp.png)
  • Insert
    #headerLeft {
    		width: 100%;
    		background: url("../media/wp.png") no-repeat;
    	    }
    

    to app_data\include\loginStyle.inc at the very end in side style tag.

Section 2

Replace the Citrix Header with Project Name, In this case I am using Andriod as the name. create a 25 px height graphic using Gimp/Photoshop and place it under media folder of the site.
Citrix Web Interface Managment > SiteName > Web Site Appearance > Apperance > Header Area > Full graphics mode = ../media/andriod.png

Section 3

Remove Citrix XenApp Image,
Edit \app_data\include\fullStyle.inc

FromTo

#horizonTop img {
    padding-top: 75px;
}

#horizonTop img {
    padding-top: 75px;
	display: none;
}

Section 4

Remove white background.
Edit \app_data\include\fullStyle.inc

FromTo

#horizonTop {
    width: 100%;
    height: 325px;
    background: #FDFDFD
    url("../media/HorizonBgTop.png")
    no-repeat top left;
    text-align: center;
}

#horizonTop {
    width: 100%;
    height: 325px;
    /*background: #FDFDFD
    url("../media/HorizonBgTop.png")
    no-repeat top left;*/
    text-align: center;
}

Section 5

Custom Text
Copy Program Files\Citrix\Web Interface\5.4.0\languages\accessplatform_strings.properties
to C:\Inetpub\wwwroot\Citrix\<SiteName>\languages and set the HorizonTagline property to desired value.

#HorizonTagline=Your Windows desktops and apps on demand – from any PC, Mac, smartphone or tablet.
HorizonTagline=UNAUTHORIZED ACCESS STRICTLY PROHIBITED!!!

Section 6

Remove Citrix and HDX logo’s
Add display: none; to the following sections of \app_data\include\fullStyle.inc
1) #footer img, 2) .horizonPage #hdxLogo

Result


Further more, the devices image at the center can be taken off by renaming the Devices.png file under media folder.

Download

Default.zip

Join the Conversation

8 Comments

  1. Hello Siva, thank you for taking the time and breaking it down. It’s been a great help to me; however, I have a question. My boss wants me to add Anon published apps icons to the web page. I’ve looked and looked and could not come up with a solution. If you know how and can share it with me I would be so appreciative.
    Regards,
    Mustafa

    1. Hi Mustafa,
      If I understand correctly you want to make a custom banner with the icons of applications you guys use and custom brand your Citrix Web interface.
      Well the Sections 1 and 2 in this article will help to brand your Citrix Web Interface about creating your own custom banner, you will have to use Photoshop / Gimp, try talking to your Web Team.
      -Siva

  2. Hello,
    Thanx for the great tips. Two quick questions.
    First : HorizonTagline=UNAUTHORIZED ACCESS STRICTLY PROHIBITED!!! – – is there a way to change the font and size?
    Second : Once logged on, is there a way to get rid of the white background?

    1. Hi Chris,
      Answer for the first one is edit the following in \app_data\include\fullStyle.inc
      #horizonTagline {
      color: #F2F2F2;
      font-size: 180%;
      font-weight: normal;
      margin: 50px 0 0 0;
      padding-bottom: 10px;
      text-align: center;
      }
      to
      #horizonTagline {
      color: #F2F2F2;
      font-size: 100%;
      font-weight: normal;
      margin: 50px 0 0 0;
      padding-bottom: 10px;
      text-align: center;
      }
      Note: Notice the font-size reduced from 180% to 100%
      about the second question, will get back to you on that,
      -Siva

      1. Hi Siva,
        I am not good in HTML or web page development so I need help in solving two things here.
        1) I need to put client download link in application screen page( Once users logon to WI). how do i do it?
        2) I need to remove the space between system message and the footer Citrix logo, so that i can reduce/remove the scrolling. how do i do it?
        Thanks
        Sri

  3. Hi Siva, Is there a way to modify pre-logon message text size? It original size is too small. Thanks

Leave a comment

Leave a Reply to Mustafa Ali Khan Cancel reply

Your email address will not be published. Required fields are marked *

WordPress Appliance - Powered by TurnKey Linux