Recent

Popup search help

This post shows how to add a search help link that displays some search tips in a popup dialog box on your SharePoint search page.
search-help-popup-inst-1

The code for the popup dialog box came from the ‘SharePoint New’ blog post:
http://mounikasharepoint.blogspot.com/2013/06/hi-everyone-hope-all-are-doing-good.html

Adding popup search help to a search page.

1. Download the zip file which contains the 9 image and html files:
popup-search-help.zip

2. Extract and then upload the 9 files to the Site Assets library on the search site.
search-help-popup-inst-2

3. Go to the search page where you want the help link to appear, edit the page and click on the Add a Web Part option.
search-help-popup-inst-3

4. Insert a Content Editor web part.
search-help-popup-inst-4

5.  Once the Content Editor web part is on the page, edit the web part.
search-help-popup-inst-5

6. Paste in the link to the appropriate html file in your Site Assets library.
search-help-popup-inst-6

Finished Example

You should now have a text link above your search box that opens a popup dialog box with search tips in it.  You can customize the html file and image files to display your own tips if desired.
search-help-popup-inst-1

About Nick Hurst (84 Articles)
SharePoint and Nintex developer who strives to find easy to deploy and maintain solutions for business problems.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: