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