{"id":88,"date":"2008-08-27T15:05:39","date_gmt":"2008-08-27T15:05:39","guid":{"rendered":"http:\/\/www.myfatblog.co.uk\/?p=88"},"modified":"2008-10-15T09:38:36","modified_gmt":"2008-10-15T09:38:36","slug":"how-to-brand-your-webpart-solutions","status":"publish","type":"post","link":"http:\/\/www.myfatblog.co.uk\/index.php\/2008\/08\/how-to-brand-your-webpart-solutions\/","title":{"rendered":"How to brand your WebPart solutions.."},"content":{"rendered":"

So you’ve written a nice web part solution, ready to release it onto your clients environment, but wait a minute! How do they know you wrote it for them? All you’ve got is those generic icons that microsoft provide you.<\/em><\/p>\n

This is the situation i found myself in recently, and realised that with my change in job role comes the requirement to make sure people are aware of the things that I’ve done. To this end, I decided to make sure that the company log is displayed in the Feature Activation page and in the Web Part Catalog.<\/p>\n

At this point, I’m going to assume that you’re aware of Features and how to wrap them up in a solution package.. if you’re not, then this might not be the best post for you to start at.. in fact I’d suggest you get a copy of Inside Microsoft Windows SharePoint Services 3.0 by Ted Pattison and Daniel Larson.<\/p>\n

Starting at the solution level, we need to place the icon that we want to use into an area accessible by the Web part. what better place than _Layouts\/Images?<\/p>\n

If you’ve followed the recommend webpart creation guidelines, you should have a directory structure in your VS2005 project that resembles TEMPLATE\\FEATURES etc etc..<\/p>\n

now under TEMPLATE add a new directory of IMAGES and then your own directory under this e.g. CUSTOMLOGOS (This is best practice to seperate your images from Microsofts in the IMAGES directory to avoid filename conflicts.)<\/p>\n

In this directory, place your chosen .JPG file which should be approximately 44 pixels square.<\/p>\n

The first task is to ensure that this file is included in your .WSP package. To do this, make sure the following line is in your DDF file. (NB: this is all on one line.. but my blog isn’t wide enough to display it!)<\/strong><\/em><\/p>\n

TEMPLATE\\IMAGES\\CUSTOMLOGOS\\custom_logo_44sq.jpg IMAGES\\CUSTOMLOGOS\\custom_logo_44sq.jpg<\/pre>\n
And in your manifest.xml you’ll need a corresponding entry:-<\/p>\n
\r\n\r\n\r\n<\/TemplateFiles>\r\n<\/pre>\n
The section above basically just copies your chosen logo into the IMAGES and makes it available using the URL \\IMAGES\\CUSTOMLOGOS\\custom_logo_44sq.jpg<\/strong><\/p>\n
The next step is to make this icon appear on the Feature activation page. This is very simple to achieve and just a matter of adding or amending the ImageUrl property of the Feature tag in your Feature.XML<\/p>\n
\r\n<\/code>\r\n