Hide search box in SharePoint

Advertisements

Sometimes we can get requirement to hide the search box in all the pages or only in a particular page.

Using css we can do it easily.

First identify the search box having the id or class in the browser.
In our case having the search box having id

#SearchBox

Option 1:

To hide the search box with in a page using the content editor.
Place the content editor in that particular page you want to hide the search box.
Edit the web part and click on the source editor button
Place the code 
<style type=”text/css”>
#SearchBox
{
display:none !important;
}
</style>

Click ok.
Now verify it we can’t able to see the we search box in that particular page.

Option 2:

In the same way upload particular css file in a library.
Add the content editor in that particular page, edit the content editor refer the css URL.

Click ok.

Now verify it we can’t able to see the web search box in that particular page.


In the same way if you want hide in the entire site collection level for all the pages.

Upload the particular css in a library.
Refer the css in the Site Settings->Look and Feel->Click on the Master Page.
In the Alternate css URL
Select the Specify a css file to be used by this site and all sites that inherit from it:
Browse and select the css URL.
Click ok.
Now verify we cannot able to see the search box in all the pages.


Advertisements
SHARE

lakshmitulasi Jasti

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment