Customize Search Bar on Sharepoint Site
I am creating a SharePoint site and have been given full control by the admin. I am trying to customize the search bar and have tried to follow the code from the following link http://www.rightpointconsulting.com/community/blogs/viewpoint/archive/2009/07/05/how-it-works-customizing-sharepoint-search-bar-via-css.aspx I am not sure how to edit the JavaScript...do I have to have SharePoint Editor to that? I would like to replace the magnifying glass with the Go as was done in the link above.
November 10th, 2010 2:41pm

I noticed that the magnifying glass is not the same height as the search box and I am not sure how to change the CSS to make it the same height. Please pardon my ignorance as I have never done any coding before.
Free Windows Admin Tool Kit Click here and download it now
November 10th, 2010 2:51pm

The search box icon/magnifying glass is placed with in a TD element with styles (ms-sbgo ms-sbcell). I suggest you to use IE developer toolbar for Internet explorer or Firebug addon for FireFox to inspect the styles. -Aravindaravind
November 11th, 2010 12:22pm

The problem is that I am very limited at work with the software I have due to the IT department. I do not have any real developer tools. Here is a link to the alignment issue I am having with the toolbar and was not sure if it is something that can be changed in the CSS coding. http://i53.tinypic.com/ioqa9d.jpg
Free Windows Admin Tool Kit Click here and download it now
November 11th, 2010 2:37pm

I was able to find the solution to changing the alignment. Here is what I changed in CSS .ms-sbtable .ms-sbgo{ bottom: 0px; left:171px; padding: 3px 4px 3px 9px; text-align:right; }
November 12th, 2010 9:14am

I was able to find the solution to changing the alignment. Here is what I changed in CSS .ms-sbtable .ms-sbgo{ bottom: 0px; left:171px; padding: 3px 4px 3px 9px; text-align:right; }
Free Windows Admin Tool Kit Click here and download it now
November 12th, 2010 9:14am

I just wrote up my normal process for styling/skinning the SharePoint 2010 (MOSS) Search Box. It might be of some use to anyone reading this article looking for a walkthrough. <a href="http://labs.steveottenad.com/reskin-restyle-a-sharepoint-2010-search-box/">Skin/Style the SharePoint 2010 OOB Search Control - Labs.steveottenad.com</a>.
January 3rd, 2011 8:19pm

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics