Forum Discussion
Deleted
Feb 22, 2023PNP Search Filter Design
Hi all, I would like to change the design of the filter. Can I use CSS, React? Where exactly do I need to upload these stylesheets?
kalpeshvaghela
Feb 22, 2023Steel Contributor
Deleted
PnP Search Filter does provide custom layout option where you can customize design for it
https://microsoft-search.github.io/pnp-modern-search/usage/search-filters/layouts/
You can take existing template as base which you can find at https://github.com/microsoft-search/pnp-modern-search/tree/main/search-parts/src/layouts/filters 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
Hope it will helpful to you and if so then Please mark my response as Best Response & Like to help others in this community
Deleted
Feb 22, 2023Thanks very much for your answer. Also, do you know how to manage to display the name of the image?
- kalpeshvaghelaFeb 23, 2023Steel Contributor
Deleted
Please elaborate your requirement more here what do exactly mean by "how to manage to display the name of the image?"
- DeletedFeb 24, 2023
- DeletedFeb 24, 2023
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.