✅ Are you trying to learn how to format lists and libraries in SharePoint? My new course is live and teaches you the whole process. Find out more details here - bit.ly/3uVWzT6
This is a really handy workaround to avoid manually re-creating a Quick links web part across several pages in a site. I still wish there was a way to "syndicate" an actual Quick links web part, because that provides some other nice features (like different styles and the ability to arbitrarily reorder links).
I agree, Chad! We need beefier components now that we're in the "hubs not subs" world. I've always personally thought that Microsoft intentionally doesn't give us 100% of what we need, to allow room for MS Partners as well as the community to provide that extra functionality. It also lightens their load so they can work on more features at once.
Happy New Year Steve! thanks for sharing. Please can you tell me what is the difference from this method versus the automatic web part Quick links offered in sharepoint by default ? Does either method suit something more than the other ?
Happy New Year!! The main difference is that the out-of-the-box web part is simple and easy to set up. This one can be used for a more customized look-and-feel. Because you control the JSON, you're able to make the quick links look very unique. You're not able to do that with the normal quick links.
Certainly! You can change it to a custom icon in the JSON itself. For the coin flip, I saw that in a commercial solution. I don't think I've seen that in a community sample, though.
Steve, love this video and thanks for putting it together. The only issue I see after using it is it's not responsive in the web part. So if I have someone viewing on a phone, that might be an issue compared to the default quick links. Any thoughts on that?
That's the struggle any time you're creating HTML, even through JSON formatting. You will need to balance the mobile behavior with the desktop experience to ensure everyone has a good experience.
Thanks for the hint and creat explanation! Do you know why this type of JSON-Formatting (Quick Links) doesn’t work on iPad Edge and iPad Sharepoint App, but the Webpart originated by Sharepoint does? Cheers
The OOB web part is already designed to work on all supported platforms. The JSON samples from the community may not be tested against all platforms. That's up to you, the implementor, to test and determine for your own situation. That being said, you've got full access to customize that JSON and make any tweaks necessary to fix issues like that. For extra credit, if you see a bug like you described, you can commit that change back to the original Github repo and get credit for it. That also counts towards getting an MVP 😊
Hi Steve, thanks for this great video. You mentioned that it might be easy to change the SVG. I need a simple box. what needs to be changed? can I use a fix SVG instead of the self creating SVG? Many thanks for a answer KR Dieter
@@dieterleyendecker5685 Very cool! I haven't tried asking Copilot to do JSON formatting yet. That's exciting that it can understand and manipulate it, though
Hi Steve, I'm encountering an issue where I click onto the Honeycomb and it doesn't do anything, this was working perfectly by taking me to the required SharePoint link but just stopped all of a sudden, any idea how this could have happened?
@@stevecorey365 thanks, follow up, when changing the color of the honey combs, it removed the effect of it changing to a darker color when hovered. how should I solve this?
✅ Are you trying to learn how to format lists and libraries in SharePoint? My new course is live and teaches you the whole process. Find out more details here - bit.ly/3uVWzT6
This is a really handy workaround to avoid manually re-creating a Quick links web part across several pages in a site. I still wish there was a way to "syndicate" an actual Quick links web part, because that provides some other nice features (like different styles and the ability to arbitrarily reorder links).
I agree, Chad! We need beefier components now that we're in the "hubs not subs" world. I've always personally thought that Microsoft intentionally doesn't give us 100% of what we need, to allow room for MS Partners as well as the community to provide that extra functionality. It also lightens their load so they can work on more features at once.
Happy New Year Steve! thanks for sharing. Please can you tell me what is the difference from this method versus the automatic web part Quick links offered in sharepoint by default ? Does either method suit something more than the other ?
Happy New Year!! The main difference is that the out-of-the-box web part is simple and easy to set up. This one can be used for a more customized look-and-feel. Because you control the JSON, you're able to make the quick links look very unique. You're not able to do that with the normal quick links.
fantastic video, perfect pace, clear explanation 👍. Thanks so much.
You're very welcome!
Is there a way to point to a custom icon instead? Also, do you have a link pointing to something that explains the coin flip you were talking about?
Certainly! You can change it to a custom icon in the JSON itself. For the coin flip, I saw that in a commercial solution. I don't think I've seen that in a community sample, though.
Steve, love this video and thanks for putting it together. The only issue I see after using it is it's not responsive in the web part. So if I have someone viewing on a phone, that might be an issue compared to the default quick links. Any thoughts on that?
That's the struggle any time you're creating HTML, even through JSON formatting. You will need to balance the mobile behavior with the desktop experience to ensure everyone has a good experience.
Thanks for the hint and creat explanation! Do you know why this type of JSON-Formatting (Quick Links) doesn’t work on iPad Edge and iPad Sharepoint App, but the Webpart originated by Sharepoint does? Cheers
The OOB web part is already designed to work on all supported platforms. The JSON samples from the community may not be tested against all platforms. That's up to you, the implementor, to test and determine for your own situation. That being said, you've got full access to customize that JSON and make any tweaks necessary to fix issues like that.
For extra credit, if you see a bug like you described, you can commit that change back to the original Github repo and get credit for it. That also counts towards getting an MVP 😊
Hi Steve, great video, just a question, how do I change the colour of one honeycomb?
You'd have to base it off some event, like hovering over a honeycomb, but CSS can handle something like that.
Hi Steve, thanks for this great video. You mentioned that it might be easy to change the SVG. I need a simple box. what needs to be changed? can I use a fix SVG instead of the self creating SVG? Many thanks for a answer KR Dieter
Thanks so much for the feedback! I'm not familiar with reading SVG, but I believe you just replace the "path" with the path of your new SVG??
@@stevecorey365 Thanks Steve for your quick reply. I, fortunately, asked Copilot to rephrase the script part with path..
@@dieterleyendecker5685 Very cool! I haven't tried asking Copilot to do JSON formatting yet. That's exciting that it can understand and manipulate it, though
Great Video!
Thanks so much! I'm glad you liked it!
Hi Steve, I'm encountering an issue where I click onto the Honeycomb and it doesn't do anything, this was working perfectly by taking me to the required SharePoint link but just stopped all of a sudden, any idea how this could have happened?
That's tough to troubleshoot. Maybe a browser extension is interfering??
Is there any way to make the list more centered in its box or is it forced to the left so that it can wrap?
You should be able to add some CSS styling to change the horizontal positioning!
@@stevecorey365 thanks, follow up, when changing the color of the honey combs, it removed the effect of it changing to a darker color when hovered. how should I solve this?