Forum Discussion
sites - Show custom record
Hello:
I have created microsoft lists. I want to show them in sharepoint site. I want to controll how each record is shown. I want to customize how fields are shown, position, style. I want to have all the control of how it's rendered. I need to build something like in the attached photo. Is it possible? How can I manage it?
Thank you very much.
francescjp yes this is quite do-able with JSON view formatting on a SharePoint list. Here's one I did (my property is the one called Strathview 🙂
This was based on the card at https://github.com/pnp/List-Formatting/tree/master/view-samples/default-hover-card
A full list of column and view formatting samples, including the approapriate JSON code and instructions, is at https://pnp.github.io/List-Formatting/viewsamples/
Rob
Los Gallardos
Microsoft Power Automate Community Super User.
Principal Consultant, SharePoint and Power Platform WSP (and classic 1967 Morris Traveller driver)
2 Replies
francescjp yes this is quite do-able with JSON view formatting on a SharePoint list. Here's one I did (my property is the one called Strathview 🙂
This was based on the card at https://github.com/pnp/List-Formatting/tree/master/view-samples/default-hover-card
A full list of column and view formatting samples, including the approapriate JSON code and instructions, is at https://pnp.github.io/List-Formatting/viewsamples/
Rob
Los Gallardos
Microsoft Power Automate Community Super User.
Principal Consultant, SharePoint and Power Platform WSP (and classic 1967 Morris Traveller driver)francescjp, some of the best resources for this are found in the Microsoft 365 & Power Platform Community(aka.ms/community/home), including an entire section on List formatting found at aka.ms/list-formatting
Additionally, there are dozens of videos demonstrating these techniques at https://www.youtube.com/@Microsoft365Community/search?query=custom%20formatting
That should get you started! Good luck.
Don
If my answer helps solve or resolve your issue, please consider clicking Mark as Best Response & Like. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it a Like.
