Wednesday, September 3, 2014

Storefront Web Receiver White theme

Storefront Web Receiver White theme

1. Create my_backgroud.jpg plane white or with colored top, 2035x1534 put in contrib folder
1a. Create my_logo.png (209x35) and put in contrib
2. Dump this css into custom.style.css http://pastebin.com/mSU8jwuH
3. Fix any issue based round your environment, I suggest chrome

Citrix Netscaler Access Gateway Mobile Friendly White Theme

Hi,

If it helps anyone attached is some of my code to make the logon page white and mobile friendlier.
Assume you have 
1. Set Theme to Green bubble
2. Followed the ctx to create the custom theme

then in theory here is minimal touch to existing base code of the index.htm

3. Update index.html in /var/ns_gui_custom/ns_gui/vpn
<HEAD><TITLE>Citrix Access Gateway</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META content=noindex,nofollow,noarchive name=robots>
<meta http-equiv="X-UA-Compatible" content="IE=IE9">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="SHORTCUT ICON" href="/vpn/images/AccessGateway.ico" type="image/vnd.microsoft.icon">
<link href="/vpn/css/ctxs.mainstyle.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/vpn/css/ctxs.authentication.css" rel="stylesheet" type="text/css" />
<link href="/vpn/custom/custom.css" rel="stylesheet" type="text/css">

http-equiv – fixes the IE10/11 compatibility viewing issue.

Viewport – supposed to make the  mobile play nice, good for sharefile logins.

4. Create folder ‘custom’ in /var/ns_gui_custom/ns_gui/vpn
Update the custom.css with your logo_company size/dimensions.
Copy in the custom.css
cipy in your Logo_company.png

 For me Iphones don’t render the best because of the screen size and my company logo image.
Nexus work so J
Thanks to chrome browser for screen size emulation feature !