SharePoint List Gallery View, JSON Demystified, And The Craziest Feature Available Via JSON!

[@stevecorey365]

🔥Have you heard about my JSON formatting online course? It's got it all - courses.stevecorey.com/courses/jsonformatting

[@buzz6129]

This is great, amazed how flexible SharePoint is. Thank you for your videos, every single one has been filled with gems!

[@stevecorey365]

Thank you so much for the feedback! I'm happy to help the community!

[@chainakpiban7106]

Fantastic video! Thank you for sharing your knowledge!!

[@stevecorey365]

Glad you enjoyed it! Thanks for being a part of our community!

[@malchicken]

Thank you 👏. Any more information going thru examples of how JSON is formatted and what the different elements and attributes mean would be much appreciated 👌🏽. Thank you.

[@stevecorey365]

No problem! I'll plan on more formatting examples in the future. Thanks!

[@Bryan-g4i]

Steve, I am having an issue with the "hideselection" option. For the gallery view, I want the checkboxes (from hide selection) to always be visible. I have users selecting the box to go to a hyperlink but I need them to toggle the checkbox for the list properties web part. Would really appreciate help, huge fan.

[@joeywilson6744]

Hey thanks for the info, however I have a quick question! I have a description field that wraps similar to the one in this video, however it will push my last column off of the card if the text is too long. Is there a way to dynamically size the card when text wraps within? thanks

[@stevecorey365]

If you could make the card taller to support the longer text, it would affect the entire card row below that card. The layout would be all thrown off. I recommend solving this a different way to preserve the layout integrity. Truncate the text using CSS (using the text-overflow CSS rule), to make sure all of your fields are displayed. Then, on the field that could be longer than expected, use a tooltip-style effect to show the full text. For the tooltip, this should work: www.w3schools.com/css/css_tooltip.asp

[@Drekkkkkkkkkkkkkkkkk]

I'm new to SharePoint as I work in manufacturing. Is JSON formatting a relative new feature to SharePoint? I'm curious to learn it for my role but I'm worried that it's a unpopular tool as it required coding (relative to people that would work in an industrial setting) and the tool might be replaced or changed significantly in the future. How do you see this customization option change in the future?

[@stevecorey365]

It is a relatively new feature, and I don't see this being replaced anytime soon. It's a great feature to do some fancy formatting without having to learn TypeScript and SharePoint Framework development.

[@Webdogger]

Strangely, I have a description field as well but it does not wrap like yours does...it just cuts off with 3 ellipses. I am trying to get it to wrap but no success so far.

[@stevecorey365]

Sounds like you've got additional CSS being applied from another source higher up in the DOM. The ellipses effect is applied via CSS. Use developer tools to find that, and override it in your custom JSON using the !important flag at the end of the line.

[@jl1399]

Can the edit button only be missing from a particular view?

[@TrashTalkers]

Hi Steve, Hi all, i am searching for a solution to my problem which is the following: I would like to link Microsoft List elements in "Galery View" visualization mode. When clicking on a specific element, another website should pop up (see Image). In my case the preview opens up, which is not the desired solution. How can I adjust the JSON code possibly? What other solutions do you have? Thanks!

[@stevecorey365]

I'm not 100% certain I understand your goal. In the JSON, you should be able to use any URL you want, including data from the list item (i.e. a website URL in a custom field). Use that in your hyperlink (the A element), and the hyperlink should work correctly.

[@EarlMcFarland-z3k]

My text is being cut off. How do I wrap the text so everything that is selected is shown? My column is a choice with multiple choices allowed. Not all of the selected choices are showing in the Gallery view.

[@stevecorey365]

You'll likely need to add some CSS to handle the text wrapping.

[@londonengland2309]

❤

[@stevecorey365]

Simple, but VERY appreciated! Have a wonderful weekend 😊