D(one) IT

IT Tips, Tricks & Such

Customize Outlook Web App themes in Exchange 2010 sp1

Customizing themes for OWA requires understanding the changes Exchange 2010 sp1 has done with theme management and the addition of new themes.

OWA Theme selection (about 28 themes to choose from):

Customizing all these themes would be painful. Thankfully you can disable users from being able to change OWA themes.

  • Using EMC GUI: Disable the Theme Selection option in the segmentation tab of OWA (Default Web Site) in Client Access under Server Configuration.
  • Using PowerShell:
    set-owavirtualdirectory -identity "<servername>\owa (default web site)" -themeselectionenabled $false 

OWA Theme selection removed:

I’ll be going over modifying an existing theme. Detailed information for creating a new theme can be found: Create a Theme for Outlook Web App

The OWA themes are stored:
\Program Files\Microsoft\Exchange Server\V14\ClientAccess\Owa\<version>\themes\

*Theme location changes as Exchange service packs or rollups are installed. Customizations will need to be copied to the new path after major updates.*

To set the default theme from powershell if not modifying the base theme:

set-owavirtualdirectory -identity "<servername>\owa (default web site)" -defaulttheme NewCustomtheme

Replacing the favicon.ico and the logo used for the signon and signoff screens can be done by replacing the favicon.ico and lgntopl.gif contained in the resources folder:
\Program Files\Microsoft\Exchange Server\V14\ClientAccess\Owa\<version>\themes\resources\

  • favicon.ico (16 x 16)
  • lgntopl.gif (456 x 115)

lgntop1.gif before and after:

Updating the Logo used in OWA is a little harder as it’s contained in a sprite map in the csssprites.png file located:
\Program Files\Microsoft\Exchange Server\V14\ClientAccess\Owa\<version>\themes\<base>

looking at the csssprites.css file located in the same directory as the png shows the logo is 144 x 42:

  • .sprites-logoowa-png{background-image:url(‘csssprites.png’);background-position:-62px 0px;width: 144px;height: 42px;}

When modifying the csssprites.png file remember to keep images the same size and location as the original, otherwise major changes to the csssprites.css will be required.

csssprites.png before and after:

OWA main before and after (Including favicon.ico changes):

Advertisements

7 responses to “Customize Outlook Web App themes in Exchange 2010 sp1

  1. Lydon December 2, 2011 at 7:50 am

    Hi. Thank you for the great guide, but there is a problem.
    I have Exchange in hosting mode. The command “themeselectionenabled $false” completes successfully and it reflects when I do a get-owavirtualdirectory, but it has no effect on OWA. I think the problem is that there is a second un-effected default policy for the Hosted Organizations.

    Question: Do you know where in ADSI I can find the function for “ThemeSelection” so that I can turn it off there? (Doing it that way worked for changing the default theme that also didnt work)

    • MLamontagne December 2, 2011 at 10:32 am

      I’m unaware of changing it in ADSI, but have you looked at the “Segmentation” tab on the OWA virtual directory in the Exchange Console (Theme Selection should be listed)?

  2. brathore October 8, 2012 at 1:14 pm

    Unable to see Themes in option button using OWA.

  3. amit January 15, 2013 at 10:29 am

    We are facing problem while adding the company logo into owa page can u help me on the same
    What should be the image size of company logo

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: