Hide search box in SharePoint

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.

Read More»

Auto Refresh SharePoint list using JavaScript and Content Editor WebPart

When we create and add items List will automatically refresh itself.Using "Content Editor" WebPart and
 JavaScript we can do easily.follow steps to do auto refresh SharePoint list in selected page.


  Edit SharePoint Page, Click on 'Insert' tab from ribbon, Select webpart button to insert the WebPart. From Categories list, select "Media and Content" group , Select "Content Editor" web part and click on add button to insert the web part.

 

Select web part and choose "Edit web part" from the drop down .                                                  

 

We have to specify the Title to "refresh Page" and Chrome Type to "None" in WebPart edit pane. click on "Ok" .                                                                                                                                                                                        

Now we have to add script to the web page. To do this by clicking the section "click here to add new content" in web part.                                                                                                                             

Cursor will appear in the content area, Don't type anything in the content area, simply go to the ribbon and select "Edit HTML Source" under Format Text.                          

                                                

Enter the following JavaScript to add in the HTML Source box.                                                     

<script type="text/javaScript">
function refreshPage() {
    window.location = window.Location;
}
setTimeout(refreshPage, 300000);
</script>

This Script function is calling every 5 minutes will refresh the page. Finally, Save the Page by Click on 'save' in page tab from ribbon.    
                                                                                                                   

             

Read More»