My Contribution / Reference / Spare Time

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

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

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

Section 4

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

From To
#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

About these ads

Comments on: "Customize Citrix Web Interface 5.4" (8)

  1. Thanks for your article ! It is exactly what I was looking for !

  2. Mustafa Ali Khan said:

    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

    • 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

  3. ChrisD7409 said:

    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?

    • 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

      • 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

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

  5. Hi,

    Nice article,Thanks for the great tips.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Tag Cloud

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: