UNC212-LNC Learn how to customize Outlook Web App (OWA) with Microsoft Exchange Server 2010 SP1

2. UNC212-LNCLearn how to customize Outlook Web App (OWA) with Microsoft Exchange Server 2010 SP1 Damien Caro IT Pro Evangelist Microsoft France http://blogs.technet.com/dcaro

3. Case study • Prevent users from changing their password in OWA. • The company wants to : • Add the company logo on the logon page • Use their corporate colors in OWA • Deskless workers must be able to fill in and read an intervention request form.

4. Prevent users from changing their password in OWA • Segmentation • Allow or disable standard features of OWA • CAS Configuration (Client Access Server) • Policies for the users • User policy has priority over the CAS configuration • Configuration in Exchange Management Console or Powershell • Policy must be created first

5. Apply segmentation to OWA Remove the change password feature in Outlook Web App

6. Case study • Prevent users from changing their password in OWA. • The company wants to : • Add the company logo on the logon page • Use their corporate colors in OWA • Deskless workers must be able to fill in and read an intervention request form.

7. OWA on Exchange 2010 SP1 • Web application root :\Program Files\Microsoft\Exchange Server\V14\ClientAccess\Owa • Directory structure : • \14.1.218.13 :contains themes and scripts for OWA of Exchange 2010 SP1 • \Bin : contains a directory per language for localized resources • \forms : contains the code for the forms used in OWA

8. Logon page Lgntopm.gif Lgntopl.gif Lgntopr.gif Lgnleft.gif Lgnright.gif Lgnbotm.gif Lgnbotl.gif Lgnbotr.gif

9. Logon page Resources from DLLS No changes supported

10. Customize the logon page • Supported changes : • Files under \Exchange Server\V14\ClientAccess\Owa\ <version>\themes\resources • Graphics (png, gif, ico) • CSS files • Unsupported changes : • Explanation text • Strings are in dlls under \Exchange Server\V14\ClientAccess\Owa\ Bin\<browser_language>

11. Create your own OWA ! Add the company logo on the logon page

12. Themes • 27 themes added with Exchange 2010 SP1 • Themes are contained in\Exchange Server\V14\ClientAccess\Owa\ \<version>\themes • Each folder maps to one theme and contains: • Images: format is .png • Styles: premium.css • Sounds: notify (must use both .wav & .mp3) • Theme configuration information

13. Theme : Header, Thumbnail & Sprites • Replace Header Images • Headerbgmain – the main header image • Headerbgmaintrl – the main header image for right-to-left languages • Headerbgright – what does OWA tile as the screen grows to the right • Add a Thumbnail • Themepreview.png– the 32x32 pixel thumbnail to show users in the theme selector • ThemeInfo.xml – sort order & name for the thumbnail • Edit Sprites • Logo & icons can be replaced – watch the dimensions

14. Theme : Color Scheme • Requires editing OWA styles • Challenges : • Find the right style to edit • Set the right color • Tips • Start from an existing theme • Use Internet Explorer toolbar (F12) • Selection color for messages goes can be found with ".sel > IMG.selBg"

15. Create your own OWA ! Create a new OWA theme

16. Csssprites.png Original version Modified version

17. Csssprites2.png

18. Summary of what has been done • Changed images in \resources directory to customize the logon page. • Created a new theme by making a copy of the "base" one. • Changed the images of the theme. • Changed the icons used in OWA by changing the Csssprite.png file. • Changed the style sheet after using the developer tools of Internet Explorer.

19. Case study • Prevent users from changing their password in OWA. • The company wants to : • Add the company logo on the logon page • Use their corporate colors in OWA • Deskless workers must be able to fill in and read an intervention request form.

20. Forms in OWA • Register the form and it's associated actions • Write ASP .Net code that the form will execute • Make it visible in the user's interface

21. Register the form • Create a folder of your choice under \Exchange Server\V14\ClientAccess\Owa\Forms • Create a registry.xmlfrom the registry.xml.template file under the Customization folder • Map actions with .aspx files<ApplicationElementName="Item"> <ElementClass Value="IPM.Note.HelpTicket"> <Mapping Action="New" Form="New.aspx"/> <Mapping Action="Open" Form="Read.aspx"/> </ElementClass> </ApplicationElement>

22. Write some code … • Pages are regular ASP .Net web pages. • Be careful of the security context under which the code is executed. • Message class determines the form to open when reading the content. • You can integrate content from external sources. • Example : contact card pulling content from an internal database (CRM for example).

23. Make the form visible in the User Interface • Modify UIExtension.xml :<NewItemMenuEntries> <NewItemMenuEntryItemType="IPM.Note.HelpTicket" Icon="TEE.gif"><string language="en-us" text="My Form"/></NewItemMenuEntry> </NewItemMenuEntries> • The icon in the folder is a .gif file of a size of 32x32

24. Register the form • IIS has to be restarted • Automatic discovery for additional forms is performed at startup • Event 73 from MSExchangeOWA indicates which forms have been registered.

25. Allow desk less workers to use an intervention form

26. Summary of what we have done • Registered a new message class with associated ASP .Net forms • Added a form to create an new intervention ticket • Added a form to read an existing intervention ticket • Made the new code visible to the users • Restarted IIS

27. Case study • Prevent users from changing their password in OWA. • The company wants to : • Add the company logo on the logon page • Use their corporate colors in OWA • Deskless workers must be able to fill in and read an intervention request form.

28. Conclusion • Various ways of making OWA your OWA • Implement segmentation if needed • Create you own theme • Add custom forms • Additional Resources • White Paper is coming soon – URL soon available • MSDN Documentation : http://msdn.microsoft.com/en-us/library/ee693018(EXCHG.140).aspx • Accessing Bing Maps : http://msdn.microsoft.com/en-us/library/ff817005.aspx

29. Session Evaluations Tell us what you think, and you could win! All evaluations submitted are automatically entered into a daily prize draw*  Sign-in to the Schedule Builder at http://europe.msteched.com/topic/list/ * Details of prize draw rules can be obtained from the Information Desk.

30. © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

31. Additional resources on Themes • Help to identify which color you want to use :http://go.microsoft.com/fwlink/?LinkId=78027http://w3schools.com/html/html_colors.asp

32. Additional resources on Exchange Web Services • Various IDs used by Exchange for each item : http://msdn.microsoft.com/en-us/library/exchangewebservices.exchangeservicebinding.convertid(EXCHG.140).aspx

33. Additional resources on Bing Maps • GeoCoding definition and descrition : http://msdn.microsoft.com/en-us/library/gg314987.aspx • Build you first Windows Application using Bing GeoCoding : http://msdn.microsoft.com/en-us/library/dd221354.aspx