PNP Search Filter Design

Question

Hi all,&nbsp;I would like to change the design of the filter. Can I use CSS, React? Where exactly do I need to upload these stylesheets?&nbsp;

kalpeshvaghela · Answer

Deleted&nbsp;&nbsp;PnP Search Filter does provide custom layout option where you can customize design for it&nbsp;https://microsoft-search.github.io/pnp-modern-search/usage/search-filters/layouts/&nbsp;You can take existing template as base which you can find at&nbsp;https://github.com/microsoft-search/pnp-modern-search/tree/main/search-parts/src/layouts/filters&nbsp;and then you can upload it somewhere in document library and adapt based on your requirements.After that you can provide it in property pane as shown below&nbsp;&nbsp;Hope it will helpful to you and if so then Please mark my response as Best Response &amp; Like to help others in this community

deleted · Answer

Thanks very much for your answer. Also, do you know how to manage to display the name of the image?

kalpeshvaghela · Answer

Deleted&nbsp;&nbsp;Please elaborate your requirement more here what do exactly mean by "how to manage to display the name of the image?"

deleted · Answer

kalpeshvaghela&nbsp;&nbsp;Do you see the image which is in the image? This is the name of the image.&nbsp;

deleted · Answer

kalpeshvaghela&nbsp;&nbsp;Another question: if I remove all options except title, the image doesn't appear. When all selections are present, I see the image. I don't understand why? How is it possible to remove all other information except the image view.&nbsp;

Forum Discussion

PNP Search Filter Design

6 Replies

Resources