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.
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
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
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?
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.
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!
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.
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.
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.
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.
🔥 Learn JSON formatting with my online course - www.modernworkmastery.com/courses/jsonformatting
This is great, amazed how flexible SharePoint is. Thank you for your videos, every single one has been filled with gems!
Thank you so much for the feedback! I'm happy to help the community!
Fantastic video! Thank you for sharing your knowledge!!
Glad you enjoyed it! Thanks for being a part of our community!
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.
No problem! I'll plan on more formatting examples in the future. Thanks!
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
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
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?
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.
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!
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.
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.
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.
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.
Can the edit button only be missing from a particular view?
❤
Simple, but VERY appreciated! Have a wonderful weekend 😊