From 4b6bbf4401fe316437e221c643e824ada31ec0c0 Mon Sep 17 00:00:00 2001 From: Dave <65955023+davemehr@users.noreply.github.com> Date: Thu, 19 Sep 2024 08:02:25 +0200 Subject: [PATCH] Create search-verticals-with-parameter --- .../scenarios/search-verticals-with-parameter | 29 +++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 docs/scenarios/search-verticals-with-parameter diff --git a/docs/scenarios/search-verticals-with-parameter b/docs/scenarios/search-verticals-with-parameter new file mode 100644 index 00000000..29b064e0 --- /dev/null +++ b/docs/scenarios/search-verticals-with-parameter @@ -0,0 +1,29 @@ +# Search verticals with query string parameter + +!!! note +The PnP Modern Search Web Parts must be deployed to your App Catalog and activated on your site. See the [installation documentation](../installation.md) for details. + +This scenario describes how you can use query string parameters in search verticals and how you can directly open a vertical with the query string parameter. + +## Create a new SharePoint page +Create a new search page and connect the results webpart with the verticals webpart. + +![Create a page](assets/search-verticals-with-parameter/configure-search-results.png) + +## Configure search verticals +Configure the search verticals of your choice with not too long and a useful, clear, "Tab value". I like the icons for an better visual experience for the users. + +![Configure search verticals](assets/search-verticals-with-parameter/configure-search-verticals.png) + +### Configure query string paramter +By default you have a "v" as search query parameter. I like a specific, more meaningful, parameter like "tab". + +![Configure search verticals query parameter](assets/search-verticals-with-parameter/configure-search-verticals-query-parameter.png) + +## Open verticals with query parameters +After the configuration you can add the query string parameter to the url and open the specific search vertical direct from a link in page content or from the SharePoint navigation. + +Sample URL with query string parameter +https://.sharepoint.com/sites//SitePages/>SEARCH-PAGE>.aspx?Tab=Sites + +![Sample search verticals query parameter](assets/search-verticals-with-parameter/example-query-string-parameter.png)