Customize People Search Result Page

Have you ever wondered on how to customize The People Search’s result?

I spent almost a day to find out and get this working as expected, and now i put this on my blog, hopefully other people can use this and not spend as much time as I did
Let’s start …

What you need to accomplish this walkthrough are:
a. Microsoft SharePoint Designer 2007.
b. MOSS 2007 with People Search enabled.
c. Administrator access on the site collection.
d. For this walk-through, I am using Active Directory Properties that i have imported from the
Central Administration, but you can use other properties which are available in your Farm.
I will customize the search result that will display

• Preferred Name (Default)
  
• Job Title (Default)
  
• Phone Number, Mobile Number, Fax Number (add them manually)
  

Step By Steps:

• Open up your Search Centre site.
  
• Search one of your friend or maybe search yourself.
  
• When the search result is displayed, Click Settings – Edit Page.
  
• In People Search Core Result, Click Edit – Modify Shared WebPart
  
• In Results Query Options there is a textbox named”Selected Column“, Click on that textbox, the it will show its elipsis [ ... ] next to it.
  
• Add “<Column Name=”[Metadata mapping]” /> before the “</Columns>“
  For this example, my Selected columns are:
  

<root xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance”> <Columns> <Column Name=”AccountName”/> <Column Name=”UserProfile_GUID”/> <Column Name=”PreferredName”/> <Column Name=”JobTitle”/> <Column Name=”Department”/> <Column Name=”WorkPhone“/> <Column Name=”PictureURL”/> <Column Name=”WorkEmail”/> <Column Name=”MobilePhone” /> <Column Name=”Fax” /> <Column Name=”OfficeStreetAddress” /> <Column Name=”OfficeSubUrbLocation” /> <Column Name=”OfficePostalCode”/> <Column Name=”OfficeCountry”/> </Columns> </root>

• If you scroll down a little bit, you’ll see “Data View Properties“, Click the “XSL Editor“.
  
• Change the code with:
  

<?xml version=”1.0″ encoding=”UTF-8″?> <xsl:stylesheet version=”1.0″ xmlns:xsl=”http://www.w3.org/1999/XSL/Transform”> <xsl:output method=”xml” version=”1.0″ encoding=”UTF-8″ indent=”yes”/> <xsl:template match=”/”> <xmp><xsl:copy-of select=”*”/></xmp> </xsl:template> </xsl:stylesheet>

• Click OK.
  

• Don’t PANIC
  
• Click – Edit – Modify Shared WebPart, then you will see similar like the picture below. Copy All of them and save them as
  SearchCore.xml locally in your hard-drive.
  

• Open up your site (any site) with Microsoft SharePoint Designer 2007.
  
• Click File – New. Choose ASPX.
  
• Click Task Panes – Data Source Library.
  
• Click “Add an XML File” under” XML Files“, Select the SearchCore.Xml that we created in Step 11.
  
• In the Context-Menu associated with SearchCore.xml, choose “Show Data“
  

• Choose all fields you would like to show in the search’s result – click Insert Selected Field as … – Choose “Single item view“
  

• Now you can use your HTML & CSS Skills to edit the look and feel.
  
• Once you have done that, Click “Code” at the bottom.
  
• Copy Paste the code from:
  

<xsl:stylesheet version=”1.0″ exclude-result-prefixes=”xsl msxsl ddwrt” …. xmlns:ddwrt2=”urn:frontpage:internal”>

Until you find the end of the tag. [</xsl:Stylesheet>]

• Now go-back to 7, Find the “XSL Editor” and change the code with the one you have just copied.
  
• Click OK.
  
• You will see one error similar to step 9, re-do the steps until step 11.
  
• Publish the page.
  

You should see your customized result’s page.

Hopefully it will help you.

Feel free to comment on my blog.

Thanks.