Forum Discussion
Search on one page - faq page with search function at top?
Hi
I wonder if it is possible to create a page that have a search bar that can be used to search on that page.
A page that allow the users to search the content on that specific page
I have tried all the webparts
But i dont understand how to configure them and dont know if they can help me in my question.
Anyone able to help?
- Hej!
So Search result is the main webpart and from this webpart you select the other webparts that you want to feed into it. So you select your added Searchbox that you want to retreieve your results from, and filter where you want to filter from.
Read the PnP Search Documentation, it's amazingly good:
https://microsoft-search.github.io/pnp-modern-search/usage/search-results/How do i get PnP search?
I dont have that
Search Box and Search Result have a different configuration UI. I dont understand how to set the datasource in my search. I dont have the options that the documentation are pointing at.
- You have PnP Search, those webpart are from there.
Just add the search box and Results, configure the result to use the searchbox and select where It should query from
Hi oskarkuus ,
i understand that you have a single page with many questions and answers on it.
Now you want to have a functionality like "STRG-F" to search for content on that page and let the user directly jump to the search results.
AFAIK there is no functionality to achieve something like that out of the box. (And using a quick google search i did not find a custom solution... So you might have to build one from scratch)
The search webparts won't help you much as they are intended to search for content in multiple documents and give you a list of these documents and not for searching and highlighting content on the same page.
But if you restructure your content you can alternatively do the following:
Option 1)
Split your singular content page into many, many little "question and answer" pages. Now you can either use the "default" SharePoint search or a custom search page to let the user search for the little question and answer pages. This works great if you also create a new site collection just for all of the FAQ pages. Then you can limit the search queries to just search just in that site collection for FAQ content.
Option 2)
Create a new list with a question and answer column and apply this view formatting "https://github.com/pnp/List-Formatting/tree/master/view-samples/faqs"
Now you have an FAQ page like thisand you simply can search in that list using the top search bar to filter that page for content
Best Regards,
SvenOn option 2.
How do i install/implement that view on a list. How do i use the github code?
Hi oskarkuus ,
You need to do the following to use the code from the github respository.
1) Create a new list
2) Add a new multiline text column to that list and name it "Answer" (with a capital "A")
2b) Add your questions. Put the question in the title column and the answer in the "Answer" column.
3) Then click on the view selector (You should be on the "All Items" view)
4) Select "Format current view" (The last entry in that menu)5) Scroll down and select "Advanced Mode"
6) Copy & paste the contents of
https://github.com/pnp/List-Formatting/blob/master/view-samples/faqs/faqs.json
into the editor field7) Click Save
Best Regards,
Sven
- This would be such a good feature. I'm here to see if there is an easy way to do this. Is there anywhere to recommend, or upvote features for SP?
