Forum Discussion
SharePoint News web part with customised sorting buttons
Hi KripalKavi ,
I was able to build it using PnP Search Verticals to achieve most of my goal.
The layout customisation of the Search Results web part is fantastic.
However, if we could have a bit more control over the verticals look and feel, it would be even better.
As you can see, I was able to add a FluidUI icon but that's about it.
I like to change the vertical looks, for example, maybe add a circle around these vertical words, make them look like a button to attract people to click them. It is just like the YouTube example I showed, give it a bit of shading.
Thanks all and thank you for the PnP Modern Search app, it is great (but still hard to use).
Hello nhtkid
RefinableString00 is mapped to the event column in the SharePoint search schema (in the scenario).
You need to map the column "News Category" to a RefinableString, after the mapping you can create queries and dynamic urls like in the scenario.
Regards, Dave
Thank you DaveMehr365, I was able to get it working after mapping my custom column to RefinableString00.
Function wise, I think it's okay. When I click different quick links, it loads up different news in PnP Search Result web part based on the news category I set in the quick links.
However, every time I click quick links, it refreshes the whole page, so as a button (I tried it too).
I think the reason is because these are simple hyperlinks, and it reloads the whole page every time you click it.
Is there a more elegant way, when you click these button to filter, on the PnP Search Result web part refreshes, instead of whole page reloads?
Cheers,