BlueBand.master: How to fix that broken search button

Have you ever noticed that if you hover your mouse over the search button on the default BlueBand.master, it doesn’t behave the way you’d expect it to? This is caused by a missing tag in the masterpage, and is quite easy to fix if you know what to do. Lucky for you, I’ve got the scoop.

Broken search button

What the?

So what’s causing this behaviour? Actually, it’s just a missing tag in the masterpage. Fire up your favorite text editor, and change the following tag:

<div>
    <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
        <SPSWC:SearchBoxEx id="SearchBox" RegisterStyles="false" TextBeforeDropDown=""
        TextBeforeTextBox="<%$Resources:cms,masterpages_searchbox_label%>" TextBoxWidth="100"
        GoImageUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
        GoImageUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>"
        UseSiteDefaults="true" DropDownMode = "HideScopeDD"
        SuppressWebPartChrome="true" runat="server"/>
    </asp:ContentPlaceHolder>
</div>

To the following:

<div>
  <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
    <SPSWC:SearchBoxEx id="SearchBox" RegisterStyles="false" TextBeforeDropDown=""
      TextBeforeTextBox="<%$Resources:cms,masterpages_searchbox_label%>" TextBoxWidth="100"
      GoImageUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
      GoImageUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>"
      GoImageActiveUrl="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow.jpg %>"
      GoImageActiveUrlRTL="<% $SPUrl:~sitecollection/Style Library/Images/Search_Arrow_RTL.jpg %>"
      UseSiteDefaults="true" DropDownMode = "HideScopeDD"
      SuppressWebPartChrome="true" runat="server"/>
  </asp:ContentPlaceHolder>
</div>

Notice the GoImageActiveUrl there? That’s the missing tag(s). Now whoope-doo, you should get the regular arrow also when you hover the image.

Normal search button

Wicked awesome!

Leave a Reply

Your email address will not be published. Required fields are marked *