Pages

Subscribe:

Wednesday, December 19, 2012

Highlight the Search Keyword in SharePoint 2010 results page

Branding the SharePoint Search page or Highlighting the Search Keyword in SharePoint 2010.

To Highlight the Search keyword in search result page in SharePoint 2010 add the css to the master page or in the Content Editor Web Part a.k.a CEWP.

Open the Search Result Page in Edit Mode, Add CEWP to the Search Result Page. In CEWP, Edit HTML source add the css.

<style>
.srch-Title2 A STRONG {
BACKGROUND-COLOR: yellow; color:black;
}​​
</style>
<style>
.srch-Description2 STRONG {
BACKGROUND-COLOR: yellow; color:black;
}​​
</style>​​​

After adding the css, save the page. 

If you enter any keyword in SharePoint Search it will display the result page as 


Happy Coding..!!!

Reference Link: https://www.nothingbutsharepoint.com/sites/eusp/Pages/Brand-SharePoint-Search-Results-What-you-thought-you-were-staying-vanilla.aspx


2 comments:

  1. Does it works for sharepoint list search also, I want to highlight search result within the sharepoint list using list search, please help me out

    ReplyDelete