1. Advanced Web Interface Customizations Sam Jacobs Director, TechDev Services, IPM [email_address] June 15 th , 2010

3. Demo Environment

4. Basic Customizations “ Out-of-the-box” customizations The Access Management Console (AMC) Web Interface Themes

5. Intermediate Customizations The .properties files Custom hyperlinks Multi-language support CSS files WebInterface.conf

6. Advanced Customizations Skills needed Web Interface vs. Netscaler customizations Useful tools / Resources

7. Advanced Customizations Demo: Active Directory integration Demo: Adding custom tabs to Web Interface Adding support information (user IP, OS/browser info) Demo: Enhanced SecurID (suppress when internal) Demo: Using WI to control single sign-on to web apps

9. Access Management Console

11. Web Interface Themes theme (as defined by Microsoft): “ … a unified set of design elements and color schemes that you apply to pages to give them a consistent and attractive appearance…” Colors – headings, body text, backgrounds, links, etc. Graphics – background, banners, bullets, buttons, etc. Styles – combinations of fonts and colors

12. Carbon Fiber White Pearl

13. Carbon Fiber White Pearl Theme Comparison

14. Basic Customization Demo Fade to … white … ? (applying the White Pearl theme to Web Interface 5.3)

15. Intermediate Customizations The .properties files Controls: - all text (labels, buttons, messages) - tool tips - font sizes - text box / button widths - color codes for site/links

16. The .properties files control:

17. Custom Hyperlinks MessagesNone=You have no messages. MessagesNone=<a href='/docs/UserGuide.doc'>Click here to download the User Manual.</a>

18. Multi-Lingual

19. Multi-Lingual Same keys as before, but now taken from: accessplatform_strings_ es .properties

20. Multi-Lingual Common language directory: C:rogram Filesitrixeb Interface.3.0anguages Language override directory: C:netpubwwrootitrix<sitename> anguages Common/override directories are also for ICA clients.

22. CSS Files Carbon Fiber CSS: LinkColor= #E0E0E0 LinkHoverColor= #E8E8E8 SiteBgColor= #000000 SiteBorderColor= #999999 UsefulLinkColor= #FBFBFB UsefulLinkSeparatorColor=# 0066D5 White Pearl CSS: LinkColor= #ffffff LinkHoverColor= #000000 SiteBgColor= #ffffff SiteBorderColor= #5a5a5a UsefulLinkColor= # 000000 UsefulLinkSeparatorColor=# 5a5a5a Page/font colors, font size, margins, backgrounds, borders, alignment

24. Advanced Customizations The Goal: “ Give a man a fish and he will eat for a day. Teach a man to fish and he will eat for a lifetime.” … Confucius, Circa 551 - 479 Think out of the box … “ Wouldn’t it be nice if …”

25. Advanced Customizations What do I need to know? WI Version Release Date Skill Sets NFuse 1.0 (Charlotte) 2/2000 ASP / VBScript NFuse 1.5 9/2000 NFuse 1.6 10/2001 NFuse Classic (1.7) / NFuse Elite 6/2002 NFuse 2.0 5/2003 Web Interface 3.0 4/2004 ASP.Net / C# Web Interface 4.0 3/2005 Web Interface 4.2 5/2006 Web Interface 4.5 11/2006 Web Interface 4.6 7/2007 Web Interface 5.0 2/2008 ASP.Net/C#/AJAX Web Interface 5.1 2/2009 Web Interface 5.2 9/2009 Web Interface 5.3 3/2010

27. Demo Active Directory integration

28. Demo Adding custom tabs to Web Interface Adding support info (User IP address, OS/browser info)

29. Anatomy of a Web Interface Tab

30. Demo Enhanced SecurID integration Internal Users External Users

31. Demo Control single sign-on to web apps via Web Interface

32. Debugging / Customization Tools Web.config Script to dump session/application variables, cookies IE Developer Toolbar - Microsoft ieHTTPHeaders – http://www.blunck.info/

33. Resources Web Interface SDK: http://community.citrix.com/display/xa/Web+Interface+SDK Carlo Costanzo http://VMwareInfo.com Doug Brown http://www.dabcc.com Pierre Marmignon http://www.citrixtools.net Jason Conger http://www.jasonconger.com Citrix Forums http://forums.citrix.com/support ..and, of course, Brian Madden http://www.brianmadden.com

34. Questions?