Random background in StoreFront and NetScaler logon pages

Published by Jeroen Tielen on

Perform the following steps to get a random background picture on the StoreFront and NetScaler logon page.

For a demo visit https://portal.tyl.nl and refresh the page a couple of times.


  • First we start by gathering all the background pictures you want (dont forget copyrights) ;
  • Upload the pictures to the custom folder in your “Receiver for Web”;
    • For example: C:\inetpub\wwwroot\Citrix\StoreWeb\custom
  • Edit script.js in the same folder and add the following lines:

  • My pictures are named: bg_01.jpg, bg_02.jpg etc. Don’t forget to update the javascript to match your file names;
  • Propagate changes to the other StoreFront boxes;
  • Refresh the logon page and see if it works:

NetScaler Portal Theme:

  • Create a portal theme based on the “RfWebUI” theme;
  • Open a SFTP session to you NetScaler and browse to: /var/netscaler/logon/themes/<your_theme>/custom_media
  • Upload the pictures to this folder;
  • Edit script.js in the folder: /var/netscaler/logon/themes/<your_theme> and add the following lines:

  • Don’t forget to update the javascript to match your file names;
  • Open your logon page and refresh it a couple of times.


  1. Try to keep the pictures small in size. Compress them to save bandwith;
  2. Tested with versions:
    • NetScaler: 13.0 58.32
    • StoreFront: 1912

Oh and the grey border around the username and password field is the following CSS 😉


Jeroen Tielen

Experienced Consultant/Architect with a demonstrated history of working in the information technology and services industry. Skilled in Citrix, Microsoft, VMware, Ivanti, etc.


Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: