How to customise Access Gateway logon page to change the black background to white?

goprasad
goprasad used Ask the Experts™
on
Hello there,

How to customise Access Gateway logon page to change the black background to white? The following Citrix KB article has not mentioned about how to change the background to white. I have attached the screenshot for your reference.

http://support.citrix.com/article/CTX126206

Please advise.

Thanks and Regards
Citrix-Access-Gateway.JPG
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Commented:
In the Access Gateway Management Console, click Management.
Under Access Control, click Logon Points.
In the Logon Points panel, click New.
In the Logon Points Properties dialog box, in Name, type a unique name for the logon point.
In Type, select Basic or SmartAccess.
Click the Customization tab.
In Customization level, click Custom.
Under Background Properties, do one of the following:
In Background and Foreground, click the color palette and then select the colors.
In Filename, click the folder icon and then navigate to the file you want to upload. In Position, select where the graphic should appear in the logon page.
Click Save.

Author

Commented:
Thanks @manu4u, currently we have greenbubble theme, we use Netscaler 10.1version.
Citrix-Receiver-Greenbubble.JPG

Author

Commented:
@manu4u - Please advise
Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

You have to create your theme with changes at the css files and pictures and scripts.
There are many how-to articles describing these steps.

Then you have to save your changes as "custom theme" because the NS overwrites the theme-files with every reboot.
for details see http://support.citrix.com/proddocs/topic/netscaler-gateway-101/ng-connect-custom-theme-page-tsk.html
another option is to rewrite the source code to use different css files.
i change
<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" />
to
<link href="/vpn/css/myctxs.mainstyle.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/vpn/css/myctxs.authentication.css" rel="stylesheet" type="text/css" />
while loading the main-html-file.
these two new css files contain my design and would not be overwritten while rebooting the NS.
within these file i can point to different background images also.

Author

Commented:
@dkotte - where exactly is the white background image file? Please advise.

<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" />
to
<link href="/vpn/css/myctxs.mainstyle.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/vpn/css/myctxs.authentication.css" rel="stylesheet" type="text/css" />
while loading the main-html-file.
these two new css files contain my design and would not be overwritten while rebooting the NS.
within these file i can point to different background images also.
There is no existing white background file by default.
you have to place the white theme-files at the system first or use "white collor" as background configured within the css files.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial