Display Server Name in the bottom right for StoreFront 3

Background

Almost all StoreFront servers will ultimately have to be behind a Load Balancer of some kind. And when they do, all of my clients have asked for some way to identify which StoreFront server is being used at any given time, either for support or validation purposes.

There are plenty of information published on how to do that, notably ones from citrixguru.com:

• Display Server Name with StoreFront 3
• StoreFront 3 Optimizations

This article will outline a commonly requested customization: How to move that Server Name to a more discreet location, such as the bottom right.

StoreFront Configuration

Here is the desired effect:

inetpub\wwwroot\Citrix\Web\Custom\STYLE.CSS

Similar to those defined by the Citrix Guru article, except for the highlighted changes:

.customAuthFooter

{

 font-size:12px;

 box-sizing: border-box;

 color: #737373;

 text-align: right;

 padding: 1em;

 bottom:10px;

}

#customBottom

{

 text-align: right;

 font-size:12px;

 color: #e8e8e8;

 padding: 1em;

 position:static;

}

inetpub\wwwroot\Citrix\Web\Custom\SCRIPT.JS

Updated so it will stop displaying the javascript error (below) when the store is defined in the native Receiver or Workspace App. See highlighted condition:

if (!(CTXS.Device.IsNativeClient())){
  // Display SF-ServernName if it is NOT running within browser
  var req = new XMLHttpRequest();

  req.open('GET', document.location, false);

  req.send(null);

  var servername = req.getResponseHeader('SF-ServerName');

  $('.customAuthFooter').html(servername);

  $('#customBottom').html(servername);
}