aarebrot.net Frode's blog on Sharepoint and other stuff

BlueBand.master: How to fix that broken search button

Posted on June 19, 2008
VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)

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!

BlueBand.master: How to fix that broken search button, 5.0 out of 5 based on 2 ratings
Comments (0) Trackbacks (0)

No comments yet.


Leave a comment

 

No trackbacks yet.