Tuesday, July 5, 2011

SCOM Dashboards - Part 3 - Customizing the Dashboard Banner and Logo

Before reading this post, please ensure you have reviewed my previous posts on SCOM Dashboarding from the links below:

SCOM Dashboards - The Intro
SCOM Dashboards - Part 1 - Installing WSS 3.0
SCOM Dashboards - Part 2 - Installing the Dashboard Solution Accelerator

In this post, I will walk you through customizing the SCSM solution accelerator dashboard, removing all references to System Center Service Manager and giving it the look and feel of a SCOM dashboard.

Open the SCSM dashboard from the URL that was created during installation in my last post and select the 'Site Actions' button on the right hand side of the screen, then click 'Site Settings'

From the 'Users and Permissions' section, click on 'People and Groups' to configure what users will have access to the SCOM dashboard

Select the 'New Group' dropdown option to create your new group

Input in the new name for your SCOM Dashboard Admin Group and ensure you select 'Full Control' permissions as below

Select the 'Add Users' option to add users to your newly created Dashboard Admin Group

Select all of the users and groups that you want to add to your new SCOM Dashboard Admin Users group and then click on 'OK'

Once this has been completed, you need to go back to the 'Site Settings' screen again from the Dashboard Home Page to begin removing the SCSM references

At this point, you want to modify the Look and Feel of the website and replace all references to SCSM with SCOM. To do this, you need to click on the option below

From here, you can edit the Title of the window to remove the 'Incident Management Dashboard' text from the top and replace it with something like 'SCOM Dashboard'

Next, we want to remove the 'System Center Service Manager' logo from the top left hand side of the screen and also remove the 'System Center Service manager Banner' from appearing in each window just below the tabs and replace it with either the SCOM banner or your company logo. To do this, we must first copy the new SCOM logo (it must be in .PNG format, you can use MS Paint to save your GIF and BMP files to PNG) that we want to replace it with (SCOM_Logo.png), to the following location:

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\IMAGES\Microsoft.DashboardFramework

(Note - To make things easier, I have made available the SCOM_Logo.png and SCOM Banner.png files that I have used in this series to be downloaded from the link below)


Secondly, to replace the banner, you need to rename the 'ServiceManagerDashboardBanner' to something like 'old.ServiceManagerDashboardBanner'.

Now you need to copy your new SCOM banner or company Logo (again the file needs to be in .PNG format) to the same location and rename that to the original banner name of 'ServiceManagerDashboardBanner.png'

(It's worth noting that at this point we are going to just retain the original Service Manager Banner name as there is too much messing around with XML files to repoint WSS 3.0 to a new filename.)

Now, all you have to do is to modify the name of the logo being used (SCSM_Logo.png to SCOM_Logo.png) from within the Dashboard Settings window as below

When you click 'OK' at the bottom, it is advisable that you delete your temporary internet files and also if needs be, restart the IIS admin and Sharepoint services to ensure the old logo and banner are not cached.

The end product should look something like this with your new logo and banner firmly in place!

Or if you used your own or a customers company logo instead of the SCOM banner, it would look something like this

Now that we have removed some of the Banner and Logo references to SCSM, in Part 4 of this series I will demonstrate how to customize the dashboard tabs to accurately reflect your SCOM environment.

No comments:

Post a Comment