How To Change Search Box Image

Tagged with:
Wednesday, January 16, 2008, 12:06
This news item was posted in Tutorial, UI, User Interface and Navigation category and has 3 Comments so far.

I had a quick tip for those that are working on branding.  If you would like to change the search button image and CSS is not helping you acheive this via editing an XML file on the SharePoint web server.

Default WSS/MOSS Search Image:
MOSS Default Search Look and Feel

For the Enhanced Search edit the following file - C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\FEATURES\OSearchEnhancedFeature\SearchArea.xml

<?xml version=”1.0″ encoding=”utf-8″ ?>
<Elements xmlns=”http://schemas.microsoft.com/sharepoint/”>
<Control
Id=”SmallSearchInputBox”
Sequence=”50″
ControlClass=”Microsoft.SharePoint.Portal.WebControls.SearchBoxEx” ControlAssembly=”Microsoft.SharePoint.Portal, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c”>
<Property Name=”GoImageUrl”>/_layouts/images/gosearch.gif</Property>

<Property Name=”GoImageUrlRTL”>/_layouts/images/goRTL.gif</Property>
<Property Name=”GoImageActiveUrl”>/_layouts/images/gosearch.gif</Property>

<Property Name=”GoImageActiveUrlRTL”>/_layouts/images/goRTL.gif</Property>
<Property Name=”DropDownMode”>ShowDD</Property>
<Property Name=”SearchResultPageURL”>/_layouts/osssearchresults.aspx</Property>
<Property Name=”ScopeDisplayGroupName”></Property>
<Property Name=”FrameType”>None</Property>
</Control>
</Elements>
For the Basic search edit the following file - C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\FEATURES\OSearchBasicFeature\SearchArea.xml

<?xml version=”1.0″ encoding=”utf-8″ ?>
<Elements xmlns=”http://schemas.microsoft.com/sharepoint/”>
<Control
Id=”SmallSearchInputBox”
Sequence=”50″
ControlClass=”Microsoft.SharePoint.Portal.WebControls.SearchBoxEx” ControlAssembly=”Microsoft.SharePoint.Portal, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c”>
    <Property Name=”GoImageUrl”>/_layouts/images/gosearch.gif</Property>
    <Property Name=”GoImageUrlRTL”>/_layouts/images/goRTL.gif</Property>
    <Property Name=”GoImageActiveUrl”>/_layouts/images/gosearch.gif</Property>
    <Property Name=”GoImageActiveUrlRTL”>/_layouts/images/goRTL.gif</Property>
<Property Name=”DropDownMode”>ShowDD</Property>
<Property Name=”SearchResultPageURL”>/_layouts/osssearchresults.aspx</Property>
<Property Name=”ScopeDisplayGroupName”></Property>
<Property Name=”FrameType”>None</Property>
</Control>
</Elements>
After changing the file button, reset IIS and here is what it would look like:

Custom WSS/MOSS Search Image:
MOSS Custom Search Look and Feel

If you like to see more branding related posts or something different, let me know by commenting below.  Just wanted to make a shout to Muhanad with his post Customizing the SharePoint Search Control.

Related Posts:

  • How To Manually Change the SharePoint Timer Service Account
  • It is possible to manually change the SharePoint Timer Service account: From a command prompt change to the directory where the SharePoint Timer Service is running C:Program
  • Latest SharePoint News
  • [caption id="" align="alignright" width="113" caption="SharePoint.AllTop.com"][/caption] Getting back into the swing of things ... there are quite a few updates: Looks like Guy Kawasaki took my advice and has
  • Microsoft Office Interactive Developer Map
  • The Microsoft Office Interactive Developer Map is a Windows Presentation Foundation (WPF) application that helps developers visualize the different programs, servers, services, and tools that
  • SharePoint 2007 (MOSS) Licensing Changes
  • On the SharePoint Team blog, Tom Rizzo (Director of Product Management), has just announced changes to MOSS licensing. Since its launch, if you wanted
  • Download Virtual PC 2007 Now!
  • Now that Virtual PC 2007 is out you can finally go back to my post on How To Create A Microsoft Office SharePoint Server 2007
    Both comments and pings are currently closed.

    3 Responses to “How To Change Search Box Image”

    1. Links (1/16/2008) « Steve Pietrek’s SharePoint Stuff said on Wednesday, January 16, 2008, 21:08

      [...] How To Change Search Box Image [...]

    2. SharePoint, SharePoint and stuff : SharePoint Kaffeetasse 40 said on Thursday, January 17, 2008, 6:24

      [...] How To Change Search Box Image [...]