Home > Uncategorized > Add Web Front Indicators to SharePoint 2010 Without Backend Code

Add Web Front Indicators to SharePoint 2010 Without Backend Code

If you work with robust SharePoint 2010 environments that consist of multiple web front end servers that are load-balanced, and you need to troubleshoot errors within the SharePoint environment it can become quite frustrating trying to narrow down the issues when you have to visit each web front end servers 14 hive to grab the ULS logs.   Wouldn’t it be easier to know exactly which web front end server is serving up the error and go directly to that server?

Below is how I accomplish this.

First you will either need to create or grab front end indicator icon images to represent your SharePoint front end servers.  For my case I have 3 web front end servers so I needed three png icon images (13×18) pixels with (1), (2), (3).  If you do a quick Google search you can find many icons on the internet with numbers in them.

(1) –https://www.google.com/search?q=1+icon&safe=active&biw=1680&bih=936&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI7ZbX-dzByAIVhj8UCh1WAAha&dpr=1

(2) – https://www.google.com/search?q=1+icon&safe=active&biw=1680&bih=936&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI7ZbX-dzByAIVhj8UCh1WAAha&dpr=1#safe=active&tbm=isch&q=2+icon

(3) – https://www.google.com/search?q=1+icon&safe=active&biw=1680&bih=936&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI7ZbX-dzByAIVhj8UCh1WAAha&dpr=1#safe=active&tbm=isch&q=3+icon

Once you find your icon images you would like to use, rename (save) them with exactly the same name i.e. ( indicator.png ) or whatever you like.

Next you want to copy the indicator.png with (1) in the image to WFE1, indicator.png with (2) in the image to WFE2, and indicator.png with (3) in the image to WFE3.  These images will be placed in the \images\ directory of 14 hive (c:\program files\common files\Microsoft Shared\Web Server Extensions\14\Template\Images) on each WFE server.

For my case here I just created a separate directory (folder) inside the (images) directory called (indicators).  Inside that folder on each WFE server I placed a copy of the indicator.png icon image that corresponded with that specific server.

Next we need to update the masterpage  for your SharePoint page to point to the \images\ indicators directly.

  1. Open up your masterpage in SP2010 Designer or Download a local copy.  If this is OOTB SharePoint this is usually the v4.Master.  I recommend downloading a local copy instead of directly modifying it within SP2010 Designer
  2. Once  your masterpage is open, search for the follow <tags> <wssuc: Welcome id=”IdWelcome” runat=”server” EnableViewState=”false”></wssuc:welcome> and <wssuc:MUISelector ID=”IdMuiSelector” runat=”server” />
  3. Right after the <wssuc:MUISelector ID=”IdMuiSelector” runat=”server” /> tag put the following:  <img src=”/_layouts/Images/Indicators/indicator.png” />
  4. Save the masterpage file with a new name i.e (v4-indicators.master)
  5. Upload your new masterpage file back into the Master pages and pages layouts gallery on your site.
  6. Once uploaded change your Site Master Page under “Look and Feel” to point to your new v4-indicators.master page and if you want your subsites to inherit this masterpage checkmark the “Reset all subsites to inherit this shit master page setting” box and hit “ok”

Once done you should now see a web front end indicator icon image next to your sign on name in the portal.  Depending on which WFE you are hitting will display the correct WFE icon for that server.

What happens here is depending on which front end server you are hitting SharePoint will reach into the 14 hive images directory and serve the images from the \Images\ directory.  So if traffic is going to WFE2, SharePoint will reach into the 14 hive images directory inside WFE2 server to serve up those images.

This can be done via Code behind as well which I’ve also done, however this is the quickest and easiest way in accomplishing this.

Hopefully this was helpful for others.




  1. No comments yet.
  1. No trackbacks yet.

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: