Wednesday, September 3, 2014

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 !






No comments: